Hola
Estoy intentando crear dos listas dentro de una lista. Los elemento de la lista superior tienen el atributo "inline" y de cada uno ellos pende una lista normal. Pretendo que se vea una lista al lado de otra sin usar tablas. Sin hacer listas nestadas el código funciona, pero no consigo que funcione con listas nestadas. Alguien sabría localizar el error.
Código:
<div>
<ul style="list-style: none;">
<!-- Columna 1 -->
<li style="display: inline;"><span style="font-weight: bold;">TITULAR 1</span>
<ul>
<li>Elemento 1</li>
<li>Elemento 3</li>
<li>Elemento 5</li>
</ul></li>
<!-- Columna 2 -->
<li style="display: inline;"><span style="font-weight: bold;">TITULAR 2</span>
<ul>
<li>Elemento 2</li>
<li>Elemento 4</li>
<li>Elemento 6</li>
</ul></li>
</ul>
</div>
El resultado es que aparece una encima de otra, y no al lado. Esto es lo que se ve:
Código:
TITULAR 1
Elemento 1
Elemento 3
Elemento 5
TITULAR 2
Elemento 2
Elemento 4
Elemento 6
Muchas gracias.
Saludos.