JSFiddle - React, Tailwind, and code Playground

HTML

<div id="page">

    <div id="content">
        <div id="up">
            <div id="tab">
                  <ul id="tabmenu">
                <li id="anm" class="tbs blue"><a href="#"><span>Anm</span></a></li>
                <li id="kom" class="tbs blue"><a href="#"><span>Kom</span></a></li>

                <li id="omt" class="tbs blue"><a href="#"><span>Omt</span></a></li>
                <li id="sts" class="tbs blue"><a href="#"><span>Sts</span></a></li>
              </ul>
        </div>

        <div id="usrp">
            <div id="usr">
            </div>
        </div>
    </div>

    </div>

    <div id="bottom">

    </div>
</div>

CSS

html {
    height: 98%;
}

body {
    height:99%;
}

#page {
    height:99%;
}

#content {
    /*border:2px solid blue;*/

}

#bottom {
    border:2px solid green;
    height:15%;
    vertical-align: bottom;
}

#up {
      /*border:dotted green 2px;*/
      width:59%;
}

.usrcom {
    border-bottom: 2px dotted blue;
    margin-left:15px;
    margin-right:15px;
}

#usrp {
    width:100%;
    clear:both;
    border-right: 2px solid blue;
    border-left: 2px solid blue;

    border-bottom:2px solid blue;
    border:dotted yellow 2px;


}

/***Tabs menu*****/
#tabmenu {
  float:left;
  width:685px;
  /*background:#BBD9EE;*/
  /*background:#FF6633;*/
  font-size:93%;
  line-height:normal;
  margin-top: 0px;
  margin-left: 0px;

  /*border:dotted red 2px;*/
  border-bottom:2px solid blue;
  /*border:dotted red 2px;*/


}

#tabmenu ul {
  /*background:#BBD9EE;*/
  padding:0px 0px 0 0px;
  margin:0px;
  list-style:none;
  border:dotted green 2px;
}

#tabmenu li {
  display:inline;
  padding:0;

}

#tabmenu a {
  float:left;
  /*background:url("img/tableft2.png") no-repeat left top;*/
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
}

#tabmenu a:hover span {
background-color:#3399FF;
margin:0px;
border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

#tabmenu a span {
  float:left;
  display:block;
  /*background:url("img/tabright2.png") no-repeat right top;*/
  padding:5px 15px 4px 5.5px;
  margin:0px;
  color:#FFFFFF;
  background-color:#0000FF;

  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

#tabmenu {

}