Simple inline navigation with CSS

HTML-CSS nav-example.html

<style>
.nav {
    list-style: none;
}
.nav > li,
.nav > li a {
    display: inline-block;
    *display: inline;
    zoom: 1;
}
/*
remember tho: inline-block creates 4px margins
http://css-tricks.com/fighting-the-space-between-inline-block-elements/
*/
</style>

<ul class="nav">
    <li class="item01"><a href="#">something</a></li>
    <li class="item02"><a href="#">something</a></li>
    <li class="item03"><a href="#">something</a></li>
    <li class="item04"><a href="#">something</a></li>
</ul>