JSFiddle - React, Tailwind, and code Playground

by Emmanuel Garcia

HTML

<ul class=”tabs fixed-centre”>;
<li class=”active_on”><a href=”#one”>General</a></li>
<li><a title=”Coming soon” href=”#”>xx</a></li>
<li><a title=”Coming soon” href=”#”>xx</a></li>
<li><a title=”Coming soon” href=”#”>xx</a></li>
<li><a title=”Coming soon” href=”#”>xx</a></li>
<li><a title=”Coming soon” href=”#”>xx</a></li>
</ul>

CSS

.container-full {
clear: both;
width: 100%;
}
.fixed-centre {
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
width: 960px;
}
.main-block {
height:68px;
background:#E8729D;
}
.sub-block {
background:#F1ABC5;
height:36px;
}
.tabs {
list-style: none;
margin: 0 auto ;
}
.tabs li {
position:absolute;
bottom: 0;
}