JSFiddle - React, Tailwind, and code Playground

by maxisam

HTML

<DIV id=navbar>
<UL>
<LI><A class=current href="#">Restaurant</A> 
<LI><A href="#">About</A> 
<LI><A href="#">Press Room</A> 
<LI><A href="#">Contact Us</A> </LI></UL></DIV>

CSS

#navbar {
    background: url("navbg.png") repeat scroll 0 0 transparent;
    height: 133px;
}
#navbar ul {
    border-bottom: 3px solid #1A0C0B;
    margin: 0;
    padding-top: 70px;
    overflow:hidden;
}

#navbar li {
    float:left;
    font: 14px Arial;
    list-style-type: none;
    margin: 0 -2em 0 0;
    width: 160px;
}


#navbar li a {
    color: black;
    height: 41px;
    letter-spacing: 1px;
    line-height: 41px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}