Intercalar elementos en medio de listas

[Finseneu]

por ejemplo

Código HTML:

<ul>
<div><li>item</li></div>
</ul>
 

ó

Código HTML:

<ul>
<li><div>item</div></li>
</ul>
 

es válido?

[juanito1712]

la primera opción es directamente incorrecta, pero de todos modos, la segunda opción es no del todo necesaria, ya que el elemento li se puede comportar exactamente igual que el elemento div que le has incluido

[salbatore]

Hola Finseneu,

La opcion correcta es esta:

Código HTML:

<ul>
    <li><div>item</div></li>
    </ul>
 

Y si quieres que los elementos de la lista (los <li>) se comporten como "divs", solo tienes que añadir li{display:block} en tu CSS. Eso hara, por ejemplo, que los elementos de la lista no tengan esos caracteristicos puntos.

Si usas <ol> en vez de <ul> se mostrara una lista ordenada con un indice numerico, bastante practico.

Un saludo, yujuuu!

Salbatore