Wyśrodkowanie menu

[pavo]

witam, mam problem z wyśrodkowaniem menu, dodałem komende

ul { text-align: center }

ale nic to nie dało :/, dodam, że jestem w tym zielony, a skrypt wygląda tak:

ADRES strony na którym możecie zobaczyć niewyśrodkowane menu-> tutaj

edit: (gdy dodaje <style> ul { text-align: center } </a> na samym poczatku to menu ustawia się na srodku ale w kolumnie a nie poziomo :/)

<ul><br> <style type="text/css"> <!-- li { word-spacing: 6mm } ul { text-align: center } --> </style>

<br><li><style>

A:link { color: white }

A:visited { color: white }

A:hover { color: lime }

</style>

<A href="index" title="Home"><font size="5" face="Arial">Home</font></A> </li>

<li><style>

A:link { color: white }

A:visited { color: white }

A:hover { color: lime }

</style>

<A href="poczekalnia" title="Waiting Room"><font size="5" face="Arial">Waiting-Room</font></A> </li>

<li><style>

A:link { color: white }

A:visited { color: white }

A:hover { color: lime }

</style>

<A href="top10" title="TOP10"><font size="5" face="Arial">TOP10</font></A> </li>

<li><style>

A:link { color: white }

A:visited { color: white }

A:hover { color: lime }

</style>

<A href="losuj" title="Random"><font size="5" face="Arial">Random</font></A> </li>

<li><style>

A:link { color: white }

A:visited { color: white }

A:hover { color: lime }

</style>

<a id="dodaj_dialog_popup" style="cursor: pointer;" title="Add new"><font size="5" face="Arial">ADD</font></A> </li>

<li><style>

A:link { color: white }

A:visited { color: white }

A:hover { color: lime }

</style>

<A href="kontakt" title="Contact"><font size="5" face="Arial">Contact</font></A> </li>

</ul>

[pavo]

problem rozwiązany )

na innym forum znalazlem komende ktora pomogla:

{

width: 500px;

margin:0 auto;

}