JSFiddle - React, Tailwind, and code Playground

HTML

<div id="topnav">
    <ul class="menu">
    <li><a href="/">home</a></li>
    <li><a href="expert-witness.html">expert witness</a></li>
    <li><a href="attorneys/index.html">attorneys</a></li>
    <li><a href="practice-areas/index.html">practice areas</a></li>
    <li><a href="resources.html">resources</a></li>
    <li><a href="contact.html">contact us</a></li>
    </ul>
    </div>

CSS

#topnav    { width:920px ;
height:34px ;
background:#003466 ;
-webkit-border-radius:0px 0px 18px 18px ;
-moz-border-radius:0px 0px 18px 18px ;
border-radius:0px 0px 18px 18px ;
behavior:url("PIE.htc") ;
}

    ul.menu    { margin-left:0 ;
    padding-left:0 ;
    list-style-type:none ;
    }
    
    .menu li    { display:inline ;
    float:left ;
    padding:7px 10px ;
    }
    
    .menu li a    { color:#ffffff ;
    text-transform:uppercase ;
    text-decoration:none ;
    font-family:"HelveticaNeue-Medium", sans-serif ;
    font-size:14px ;
    }