[CSS] <ul> en horizontal

[Ñuño Martínez]

Ya he formulado esta consulta en otro foro más especializado, pero aun así también pregunto aquí porque nunca se sabe . Voy al grano.

Quiero hacer una barra de menú horizontal y como quiero hacerlo como Dios y la W3C mandan pues he escrito un código parecido a este:

Código PHP:

<ul>
  <li><a href="Andesea.html">Opcion 1</a></li>
  <li><a href="Andesea.html">Opcion 2</a></li>
  <li><a href="Andesea.html">Opcion 3</a></li>
</ul> 


pero claro, así me sale vertical y yo quiero que sea horizontal, una opción al lado de otra en la parte superior de la página.

Sé que puede hacerse porque lo he visto, pero al mirar el código fuente del CSS ,que es donde se define, no me entero de nada (esa puñetera manía de utilizar "ides", "divs" flotantes, arrobas y capas sobre capas que tienen los diseñadores ). Lo he intentado, pero me temo que mis conocimientos sobre CSS no llegan a tanto.

¿Alguien puede escribirme un CSS sentillito que pueda comprender para el código que he puesto de ejemplo que muestre la lista en horizontal?

Gracias.

[dec]

Hola,

Más o menos:

Código PHP:


<style type="text/css">

ul#menu li {
  display: inline;
}

</style>

<ul id="menu">
  <li><a href="Andesea.html">Opcion 1</a></li>
  <li><a href="Andesea.html">Opcion 2</a></li>
  <li><a href="Andesea.html">Opcion 3</a></li>
</ul> 


[Ñuño Martínez]

¿QUÉÉÉÉÉÉÉÉÉÉ? Y yo pensando que iba a ser un tocho...

Gracias Dec, funciona justo como lo necesito.