JSFiddle - React, Tailwind, and code Playground

by mblase75

HTML

<ul id="navigation">
    <li><a href="About.html">About</a>
    </li>
    <li><a href="Contact.html">Contact</a>
    </li>
    <li><a href="About.html">This and that</a>
    </li>
    <li><a href="Contact.html">Something Else</a>
    </li>
</ul>

CSS

#navigation {
    width: 100%;
    padding: 0;
    text-align: justify;
    font-size: 0;
    font-size: 12px\9;
    /* IE6-9 only fix */
}
#navigation>li {
    font-size: 12px;
    text-align: center;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /* IE stuff again */
}
#navigation:after {
    content:"";
    width: 100%;
    display: inline-block;
    zoom: 1;
    *display: inline;
}