Hoe maak je een menu met ul en li

IK kan redelijk layouts maken, maar aan menus heb ik nooit gedaan met ul en li, weet iemand hoe ik ze horizontaal naast elkaar krijg? Ik heb nu dit:

#menu ul{
    list-style:none;
    float:left;
    margin:0;
    padding:0;
}
#menu ul li{
    float:left;
    text-align:center;
}

Ik klink nu vrij dom, maar ik maakte al mijn layouts anders, ik werkte niet met ul en li.
Maar omdat ik nu mijn zaakje begin en professioneel wil zijn, wil ik het goed doen.
Ook heb ik door dat het correcter en makkelijker is
http://sander.vanmarijn.nl/zaped/
Hier heb je dus al demo wat ik al heb

Ik hoop dat iemand me snel kan helpen zodat ik snel verder kan, bedankt

Het is toch al gelukt?

#menu ul{
    list-style:none;
    float:left;
    margin:0;
    padding:0;
}
#menu ul li{
    float:left;
    text-align:center;
  padding: 5px 10px;
}

#menu ul li a,
#menu ul li a:link,
#menu ul li a:visited {
  color: #kleur;
  text-decoration: none;
}

#menu ul li a:hover,
#menu ul li a:active {
  color: #kleur; /* Kleur bij hover */
  text-decoration: none; /* underline, indien je dat wenst bij hover */
}

En zo kan je blijven uitbreiden

Ik zou in dit geval voor display:inline; gaan ipv. float:left;

Wat is daar beter aan? Effect is toch hetzelfde?

Inderdaad, effect is hetzelfde.

Zo goed als waar, op het feit na dat je niet mogelijk hoeft te clearen.
Ik weet niet waarom, maar ik gebruik voor alles wat geen echt blok is inline, een gewoonte die me prima bevalt

inline of block-inline (licht aan je menu). Lijkt mij in dit geval ook beter.

Maar ik denk dat dit een discussie zal zijn net als ASP vs PHP, Windows VS Apple, etc

Aarclay schreef:

Wat is daar beter aan? Effect is toch hetzelfde?

las je je menu wil centreren is een float left lastiger, ik gebruik ook liever display: block of inline. Dit is ook beter voor als je een background gebruikt dan wordt deze goed weergegeven in alle browsers, niet alle browser snappen alles