JSFiddle - React, Tailwind, and code Playground
by gizmola
HTML
<table id="header_table">
<tr id="header_top_tr">
<td id="header_left_td"> </td>
<td id="header_center_td"> </td>
<td id="header_right_td"> </td>
</tr>
<tr id="header_menu_tr">
<td id="header_menu_td" colspan="3">
<div class="header_menu_div" id="menu"><a class="style1" href="#">Home</a><a class="style1" href="#">Home</a></div>
</td>
</tr>
</table>CSS
body{margin:0px;}
#menu{background:#FFF; border:#1E1E1E 0px solid; padding:8px 0px 9px 0px;}
.style1 {
background-color:#FFF;
font-size:16px; color:#666;
padding:10px 50px 10px 50px;
border-right:#1E1E1E 1px solid;
text-decoration:none;
}
.style2 {
background-color:#055F7C;
font-size:16px; color:#FFF;
padding:10px 50px 10px 50px;
border-right:#1E1E1E 1px solid;
text-decoration:none;
}
#header_menu_tr{
height:30px;
}
#header_menu_td{
background:#FFF;
text-align:left;
}
.header_menu_div{
padding-left:30px;
width:980px;
margin:auto;
float:left;
}