•  
     

Listas aninhadas - HTML

Listas dentro de uma lista

Código: Selecionar todos

<!DOCTYPE html>
<html>
<head>
<title>Listas aninhadas</title>
</head>
<body>
<ol>
<li>Interesses do Papai
<ul>
<li>futebol</li>
<li>crochê</li>
</ul>
</li>
<li>Interesses da Mamãe
<ul>
<li>detestar futebol</li>
<li>paraquedismo</li>
</ul>
</li>
</ol>
<ul>
<li>Nomes Favoritos de Meninos</li>
<ol>
<li>teste 1</li>
<li>teste 2</li>
</ol>
<li>Nomes Favoritos de Meninas</li>
<ol>
<li>teste 1</li>
<li>teste 2</li>
</ol>
</ul>
</body>
</html>


Demo: http://jsfiddle.net/4fqer4sk/