[Ovillo] Salto de línea en un elemento de una l ista horizontal

[Julia Martínez]

Hola a todos,

he buscado información por todas partes, e incluso transformando ejemplos
que encuentro en web no funciona.
A lo mejor lo tengo delante de mis narices y de tantas vueltas que estoy
dando nolo veo, pero me gustaría saber si es posible o no.
Lo que quiero es que dentro de una lista horizontal, poder meter saltos de
línea dentro de cada elemento.

En el siguiente ejemplo el menú saldría bien, pero al meter un <br> entre
dos palabras de un <li> se descoloca todo, por ejemplo
<li>RELACIONES <br>COMERCIALES</li>

Os pongo el código:

html:

<ul id="mainMenu">
       <li>PRESENTACI&Oacute;N</li>
       <li>ORGANIZACI&Oacute;N</li>
       <li>RELACIONES COMERCIALES</li>
       <li>SERVICIOS</li>
       <li>ENLACES</li>
 </ul>

El css:

#mainMenu {
      margin:0px;
      padding:0px;
      display: inline;
      width:547px;
 }

 #mainMenu li{
      display: inline;
      list-style-type:none;
      padding: 5px 0px 20px 3px;
      border-left:1px solid #687182;
 }


Gracias por adelantado.

Julia




_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo