Menú horizontal en CSS

[kirguiso]

Hola a todos!!! Qué tal?


Amos a ver os voy a hacer una pregunta muy pero que muy fácil y aún así... no me sale.

Quiero hacer un menú en la parte superior de una página web pero... no sé como se ponen en horizontal en ved de en vertical.

¿Cómo lo hago?

Esto es lo que tengo pero... en el CSS no sé que poner para que salga en horizontal

Código HTML:

<ul>
  <li><a href="#">Elemento 1</a></li>
  <li><a href="#">Elemento 2</a></li>
  <li><a href="#">Elemento 3</a></li>
  <li><a href="#">Elemento 4</a></li>
</ul> 

Mil gracias a todos por vuestra ayuda.

[superweb360]

Código CSS:

li
{
   display: inline-block;
}
 
li a
{
   display:block;
}
 

[Kirguiso]

Ala que sencillo. Muchas gracias!!!

Y para rizar el rizo. Si quiero que el hacer hover sobre uno de los elementos se despliegue un menú en vertical ¿cómo se haría?

Muchas gracias superweb360

[superweb360]

Iniciado por Kirguiso

Ala que sencillo. Muchas gracias!!!

Y para rizar el rizo. Si quiero que el hacer hover sobre uno de los elementos se despliegue un menú en vertical ¿cómo se haría?

Muchas gracias superweb360

Para lograr esto tienes que combinar el CSS con javascript. Aquí tienes un menú de muestra http://www.dynamicdrive.com/style/cs...vel_css_menu_2 . Bájate el código y míratelo.

[Kirguiso]

gracias superweb360

javascript suena complejo!

Le echaré un ojo.