Las listas son elementos tipo block, de los que insertan retorno de carro (como los párrafos p y los títulos h1) y se pueden anidar unas en otras sin ningún problema cuantos niveles queramos, con tan sólo respetar la sintaxis y tener cuidado de cerrar las etiquetas.

La forma de anidar listas es sencilla: dentro de una etiqueta <li></li> se introduce el bloque completo de la lista anidada (por ejemplo <ol></ol>), cuidando de cerrar a continuación el elemento padre con su correspondiente </li>.

Ejemplo de listas anidadas: este código:

<ul>
  <li>primer elemento</li>
  <li>segundo elemento
    <ol>
      <li>primer sub-elemento</li>
      <li>segundo sub-elemento</li>
      <li>tercer sub-elemento</li>
    </ol>
  </li>
  <li>tercer elemento</li>
</ul>

… se ve así: