salto de linea en un li

[engonga]

hola tengo una lista

Código HTML:

<ul>
   <li>cosas de la vida</li>
   
   <li>muchas mas cosas de la vida </li>


</ul> 

y no se como hacer es que

la lista me salga así

|cosas de|
|la vida |

por que me sale asi

|cosas de la vida| y me expande el <li>

[tasel]

Puedes hacerlo con una etiqueta de salto de línea o usando párrafos:

Código HTML:

<li>cosas de<br/>
      la vida</li>
 

Código HTML:

<li><p>cosas de</p>
      <p>la vida </p></li>
 

Yo siempre trato de evitar usar etiquetas br porque los párrafos son más versátiles a la hora de configurarlos con CSS, pero como quieras.

[engonga]

pero el contenido es dinámico

no hay una forma de controlarlo por css tipo en las celda de una tabla que podías controlar el ancho

[IsaBelM]

usa la propiedad width

ul li {
width: 60px;
}

[tasel]

ah, el contenido es dinámico. La propiedad width de CSS no sólo sirve en tablas, también puedes dar un ancho a la lista (funciona tanto con ul como con li).

No sé si te interesa hacer el salto de línea en un punto concreto o que la lista tenga una anchura determinada, pero si es lo segundo, poner un width como he dicho funciona.

[engonga]

ok lo probaré!!!

es para que no me "destroce" un menú