Tema: Problema con listas nestadas inline
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 06/08/2011, 12:58
Avatar de emprear
emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Problema con listas nestadas inline
Eso ya es otra cosa



Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>titulo</title>
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7. <style type="text/css">
  8. /*<![CDATA[*/
  9. div.lista {
  10. float: left;
  11. margin-right: 15px;
  12. margin-bottom: 30px;
  13. }
  14. ul {
  15. list-style: none;
  16. margin: 0px;
  17. padding: 0px;
  18. }
  19. /*]]>*/
  20. </style>
  21. </head>
  22. <body>
  23. <!-- Columna 1 -->
  24. <div class="lista"><span style="font-weight: bold;">TITULAR 2</span>
  25. <ul>
  26. <li>Elemento 2</li>
  27. <li>Elemento 4</li>
  28.  
  29. <li>Elemento 6</li>
  30. </ul>
  31. </div>
  32. <!-- Columna 2 -->
  33. <div class="lista"><span style="font-weight: bold;">TITULAR 2</span>
  34. <ul>
  35. <li>Elemento 2</li>
  36. <li>Elemento 4</li>
  37. <li>Elemento 6</li>
  38. </ul>
  39. </div>
  40. <div style="clear: both;"><!-- quitar el float --></div>
  41.  
  42. <div>Más contenido</div>
  43. </body>
  44. </html>

__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.