CSS pomoc.

Witam, robię sobie stronkę i zachciało mi się mieć jakieś lepsze menu niż takie normalne. Tak więc umie ktoś przerobić ten skrypt aby menu nie było pionowo lecz poziomo?
KOD:

Cytat:<style type="text/css">
<!--
div#menu { center: center; margin-right: 3px; }

div#menu a { display: block; text-decoration: none; color: #000000; padding: 3px; border-center: ; margin-center: 3px; }

div#menu a:hover { color: #009999; border-center: 8px solid #009999; }
-->
</style>
<i><div id="menu">
<a href="przerobka.html"> Przerabianie PSP</a> <a href="downgrade.html"> Downgrade</a> <a href="other.html"> Inne</a> <a href="contact.html"> Kontakt</a> <a href="chat.html"> Chat</a> </div></i>

Jak widać próbowałam coś tutaj zdziałać ale nic nie dało się zrobić

Dodaj do swojego kodu to co jest na zielono

<style type="text/css">
<!--
div#menu { center: center; margin-right: 3px; }

div#menu a { display: block; display: inline; text-decoration: none; color: #000000; padding: 3px; border-center: ; margin-center: 3px; }

div#menu a:hover { color: #009999; border-center: 8px solid #009999; }
-->
</style>
<i><div id="menu">
<a href="przerobka.html"> Przerabianie PSP</a> <a href="downgrade.html"> Downgrade</a> <a href="other.html"> Inne</a> <a href="contact.html"> Kontakt</a> <a href="chat.html"> Chat</a> </div></i>

Działa thx ziom