Como hacer una lista horizontal

[DaneelR]

Quería saber con que propiedad de CSS se podría hacer que una lista fuera horizontal, y si se puede poner entonces cualquier caracter como separación entre los elementos de esa lista.

Muchas gracias y un saludo.

[DaneelR]

He solucionado el problema de la siguiente forma:

A las etiquetas <li> de la lista les aplico la propiedad CSS 'float : left'

Ahora mi pregunta es, ¿como puedo poner como separador entre los elementos un caracter, p.ej. · o |?

Muchas gracias y un saludo.

[cesparza]

La forma de hacer la lista se hace con la sentencia "Display".

en CSS pones al menú display: inline;

Realmente podrias hacer lo siguiente:
<ul id="menú">
<li style="display: inline">texto 1</li>
<li style="display: inline">texto 2</li>
<li style="display: inline">texto 3</li>
</ul>

pero lo lógico es que en css lo hagas asi.

#menú {display: inline;}

No se si te sirve la explicacion

[Rafael]

Cesparza, ¡Bienvenido!

[pzin]

Iniciado por DaneelR

Ahora mi pregunta es, ¿como puedo poner como separador entre los elementos un caracter, p.ej. · o |?

Hay varias formas. Si usas CSS de este siglo, puedes dejarlo bastante limpio y usar pseudo-elementos:

Código CSS:

#menu li:after {
  float: left;
  margin-left: 10px;
  content: "|";
}
#menu li:last-child:after {
  display: none;
}
 

Lo último es para que el último elemento no tenga separador, ya que no le sigue nada más.

Iniciado por cesparza

#menú {display: inline;}

Bienvenido al foro.

Te faltó implicar a los susodichos.

Código CSS:

#menu li {}
 

Ya que si no aplica a ul#menu.

Iniciado por Rafael

Cesparza, ¡Bienvenido!

¡Un espontáneo!