With the below, I am trying to achieve a horizontal navigation bar which spreads the 3 list items out evenly.
The desired layout works in IE 6 but not in any of the Moz/Netscapes.
<html>
<style>
.itemlist {
width: 100%;
background: #ccc;
text-align: center;
}
.itemlist li {
width: 33%;
border: blue 1px solid;
display: inline;
text-align: center;
}
</style>
<body>
<ul class="itemlist">
<li>Back</li>
<li>Save and Quit</li>
<li>Next</li>
</ul>
</body>
</html>
The desired layout works in IE 6 but not in any of the Moz/Netscapes.
<html>
<style>
.itemlist {
width: 100%;
background: #ccc;
text-align: center;
}
.itemlist li {
width: 33%;
border: blue 1px solid;
display: inline;
text-align: center;
}
</style>
<body>
<ul class="itemlist">
<li>Back</li>
<li>Save and Quit</li>
<li>Next</li>
</ul>
</body>
</html>