Fluid navigation %

by lovromar

HTML

<ul>
    <li>home</li>
    <li>about</li>
    <li>work</li>
    <li>contact</li>
</ul>

CSS

ul {
    display: table;
    width: 100%;
    background: #ccc;
    table-layout: fixed
}
li {
    display: table-cell;
    text-align: center;
    outline: 1px dashed red
}
li:first-child {
    width: 100px
}