JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
a {
font-weight:bold;
color:#369;
}
a:link {
text-decoration:none;
}
a:visited {
color:#936;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
.manubar a:link {
color: #FFFFFF;
}
.manubar a:visited {
color: #DFFFDF;
}
.manubar {
padding:10px 0 0 0;
height:26px;
text-transform:uppercase;
background-color:#FF8C00;
}
.manubar ul {
list-style-type:none;
padding:0;
margin:0;
}
.manubar ul li {
text-align:center;
border-left:1px solid #999;
display:block;
float:left;
}
.manubar ul li:first-child {
border:0;
}
.manubar ul li.insert {
width:191px;
}
.home {
width:94px;
}
.insert {
width:94px;
}
.offer {
width:94px;
}
.search {
width:114px;
}
</style>
</head>
<body><div style="height:30px; width:100%;">
<div class="manubar">
<ul>
<li class="home"> <a href="index.php">Home</a>
</li>
<li...
CSS
FIELDSET {
position: relative;
}
LEGEND {
position: absolute;
top: -14px;
left: 10px;
}