WN - css problem med float left och right

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - css problem med float left och right (https://www.wn.se/forum/showthread.php?t=18869)

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?

Prova detta:

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="right">right</li> <---flyttad hit

 <li class="left">left</li>

 <li>center</li>

</ul>

</body>

</html>

EDIT: kunde visst inte lägga till bold text..

Tack! Jag visste att det var ett lätt problem!! Har stirrat mig blind på detta 1 timme!