Come realizzare un semplice menu orizzontale con i CSS?

Utente HTML.it
chiede

Come realizzare un semplice menu orizzontale con i CSS?

Redazione HTML.it
risponde

Ecco una possibile realizzazione, ipotizzando che l’HTML sia lo stesso dell’esempio precedente:

div#menu ul{list-style:none;margin:0 auto;padding:0}
div#menu ul li{float: left;width: 75px;margin:0 0 0 3px;
    padding:0;border: 1px solid #2693FF}
div#menu a{display: block;height: 25px;line-height: 25px;
    text-decoration:none; text-align: center;
    background-color: #FFFFC5;color: #41418A}
div#menu a:hover{background-color: #FF7E00;color: #fff}