Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/08/2011, 11:58
user69
 
Fecha de Ingreso: noviembre-2010
Mensajes: 15
Antigüedad: 7 años
Puntos: 0
Problema con listas nestadas inline

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.