Wyśrodkowanie poziomego menu w css ?

[jerzy79]

Witam wszystkich!. Jestem tu nowy, a na dodatek nie mam za wielkiego doświadczenia w webmasterce. Tak jak w temacie chciał bym wyśrodkować menu stworzone w html-u i css.

Kod html:

Kod:

<div id="menu">
<ul>
   <li><a href="index.html">Strona główna</a></li>
   <li><a href="ja.html">O mnie</a></li>
   <li><a href="ja.html">sciagni</a></li>
  </ul>
</div>

Kod css

Kod:

ul, ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    
}

ul li {
    float: left;
}

ul a:link, ul a:visited {
    text-decoration: none;
    display: block;
    width: 120px;
    text-align: center;
    background-color: #535c48;
    color: #FFFFFF;
        font-weight: bold;
    border: 2px outset #000000;
    padding: 5px;
}

ul a:hover {
    border-style: inset;
    padding: 7px 3px 3px 7px;
}

Wiem że problem leży gdzieś we „float: left;” , wiem też że można go zastąpić „display: inline;” ale kiedy zastosuje taki układ mam pomiędzy przyciskami brzydkie odstępy z którymi nie potrafię sobie poradzić.
Proszę pomóżcie!!.

[dziamber]

Kod:

ul li {
        display: inline;
        padding-left: 4px;
        list-style: none;
}

Spróbuj tego, i następnym razem wpakuj kod w odpowiednie znaczniki

[jerzy79]

Dzięki kolego za pomoc!. Pozdrawiam.