css problem med float left och right

swan · 2007-01-24, 13:01

I min header så har jag en lista där jag vill positionera en text till vänster, en text i mitten och en text till höger. Mitt problem är att den text som är längst till höger hoppar ner en bit. Så här ser det ut:

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<title></title>	
<style type="text/css">
<!--
ul#nav-top {
	list-style: none;
	text-align: center;
	}
	ul#nav-top li {
 display: inline;
 }
 ul#nav-top li.left {
 float: left;
 }
 ul#nav-top li.right {
 float: right;
 }
//-->
</style>
</head>
<body>
	<ul id="nav-top">
 <li class="left">left</li>
 <li>center</li>
 <li class="right">right</li>
	</ul>
</body>
</html>

Nån som har en aning om vad som kan vara fel?

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

css problem med float left och right