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>
        <!--[if lt IE 9]>
  <script>
      document.createElement('nav');
  </script>
<![endif]-->

<style type="text/css">
  nav{ 
       display: block;
  }
</style>
        <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>
    <div style="height:30px;...