[HTML][CSS] Jak wyśrodkować zawartość <li> ? Opcje

[-wasilek-]

Mam taki css:

Kod

#menu
{

    width: 100%;
    top: 0em;
    left: 0em;
    background: #3EED2C;
    height: 4.5em;
}

#menu ul
{
    list-style: none;
    bottom: 0em;
    left: 1em;
}

#menu li
{
    display: block;
    float: left;
}

#menu li a
{
    color: #fff;
    display: block;
    padding: 0.75em 1.25em 1.25em 1.25em;
    text-decoration: none;
}

#menu li a:hover
{
    background: #39A404;
}

A html mam taki:

Kod

<div id="menu">
    <ul>
        <li><a href="#">Mwenu</a></li>
        <li><a href="#">Mwenu</a></li>
        <li><a href="#">Mwenu</a></li>
        <li><a href="#">Mwenu</a></li>
    </ul>
</div>

Co zmienic w css zeby wszystkie linki byly wycentrowane a nie po lewej stronie? Gdy w #menu li daje float: center; to nie dziala i wszystkie linki sie pokazuja pionowo zamiast poziomo ;/

[woj_tas]

[HTML] pobierz, plaintext 
#menu
{
 
    width: 100%;
    top: 0em;
    left: 0em;
    background: #3EED2C;
    height: 4.5em;
}
 
#menu ul
{
    list-style: none;
    bottom: 0em;
    left: 1em;
text-align:center;
height:50px;
line-height:42px;
}
 
#menu li
{
    display: inline;
 
}
 
#menu li a
{
    color: #fff;
    display: inline;
    padding: 0.75em 1.25em 1.25em 1.25em;
    text-decoration: none;
}
 
#menu li a:hover
{
    background: #39A404;
}
[HTML] pobierz, plaintext 

Ten post edytował woj_tas 10.05.2008, 08:43:00