5 | Enumeración de listas subordinadas [código HTML]

<table align="center" border="1" style="background-color: #bbccee; width: 600px;"><tbody>
<tr>
<td><div style="text-align: center;">
En este post revisar el código HTML para deducir cómo se realiza un sublistado de elementos dentro de un listado de orden superior. Es posible combinar viñetas y números. </div></td>
</tr>
</tbody></table>
<br />

Lista principal con viñetas y listas secundarias numeradas:<br />
<ul>
  <li>Chicos:</li>
  <ol>
    <li>Luis </li>
    <li style="margin-left: 30px;">Joanes </li>
    <li>Eneko</li>
  </ol>
  <li>Chicas:</li>
    <ol>
      <li>Marina </li>
      <li style="margin-left: 30px;">Eguzkiñe </li>
      <li>Ane </li>
    </ol>
</ul>
<br />

Lista principal y secundarias con viñetas:<br />
<ul>
  <li>Chicos:</li>
  <ul>
    <li>Luis </li>
    <li style="margin-left: 30px;">Joanes </li>
    <li>Eneko</li>
  </ul>
  <li>Chicas:</li>
  <ul>
    <li>Marina </li>
    <li style="margin-left: 30px;">Eguzkiñe </li>
    <li>Ane </li>
  </ul>
</ul>
<br />