JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mainbar">
    <div id="navbar">Navbar</div>      
    <div id="tabsWrapper">
          <div id="tabs">
            <div class="tab" style="background-color: yellow;"><a>test1</a></div>
              <div class="tab" style="background-color: blue;"><a>test 2</a> <button>klick</button></div>         
          </div>      
    </div>    
</div>

CSS

#mainbar {
    background-color:#E6E6E6;
    height:34px
}
#navbar {
    background-color:green;
    height:34px;
    float:left
}
#tabsWrapper {
    height:34px;
    float:left;
    display: table;
}
#tabs {
    height:20px;
    width:100%;
    display: table-cell;
    vertical-align: bottom;
}
.tab {
    height:27px;
    padding:0 8px;
    vertical-align: middle;
    line-height: 27px;
  float:left;
}

a {
    background-color: red;
}