JSFiddle - React, Tailwind, and code Playground

by skip405

HTML

<nav>
    <ul> 
        <li><a href="#">link 1</a></li>
        <li><a href="#">link 2</a></li>
        <li><a href="#">link 3 vsdfbfbbfbfgbfg db</a></li>
    </ul>
</nav>

CSS

nav{ 
    white-space: nowrap; 
}
ul{ 
    display: inline-block;
    *display: inline; /* IE7 */
    *zoom:1;  /* IE7 */ 
    list-style: none;
    width: 100%;
}
li{ 
    display: inline-block;
    *display: inline;
    *zoom:1;
    width: 33%;
    background: green;
    color: #fff;
    text-align: center;
    margin-left: -4px;
}
li:first-child{
    margin-left: 0;
}