float: left;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<style type='text/css'>
ul {
list-style: none;
border-bottom: thin solid black;
height: 21px;
}
li {
text-align: center;
float: left;
margin: 0 10px;
border: thin solid black;
width: 100px;
}
</style>
</head>
<body>
<ul>
<li><a href='http://www.google.com'>Google</a></li>
<li><a href='http://www.yahoo.com'>Yahoo</a></li>
<li><a href='http://www.ebay.com'>Ebay</a></li>
<li><a href='http://www.wrox.com'>Wrox</a></li>
</ul>
</body>
</html>
Related examples in the same category