JSFiddle - React, Tailwind, and code Playground

by riateche

HTML

<ul id="navBar">
    <li><a href="page1.html">Item1</a></li>
    <li><a href="page2.html">Item 2</a>
        <ul>
            <li><a href="page3.html">Item 2.0</a></li>
            <li><a href="page4.html">Item 2.1</a></li>
            <li><a href="page5.html">Item 2.2</a></li>
        </ul>
    </li>
    <li><a href="page6.html">Item 3</a></li>
    <li><a href="page7.html">Item 4</a></li> 
    <li><a href="page8.html">Item 5</a></li>
    <li><a href="page9.html">Item 6</a></li>
</ul>

CSS

#navBar{
width:960px;
height:45px;
clear:both;
margin:0;
padding:0;
list-style:none;
font-size:14px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, Sans-Serif;
color:#FFFFFF;
background-color:#159FC8;
}