Listas ordenadas (<ol>)

<ol> Ordered List

Las listas ordenadas se utilizan para agrupar elementos cuando el orden es importante. Cada elemento se representa con un número consecutivo.

check_circle

Elementos numerados automáticamente

check_circle

Uso ideal para instrucciones y pasos secuenciales

check_circle

Cada elemento se define con la etiqueta <li> (list item)

<ol>
  <li>Conduce hasta el final de la calle</li>
  <li>Gira a la derecha</li>
  <li>Sigue derecho por las dos primeras glorietas</li>
  <li>Gira a la izquierda en la tercer glorieta</li>
  <li>El colegio está a la derecha, 300 metros más adelante</li>
</ol>

visibility Ejemplo visual

  1. Conduce hasta el final de la calle
  2. Gira a la derecha
  3. Sigue derecho por las dos primeras glorietas
  4. Gira a la izquierda en la tercer glorieta
  5. El colegio está a la derecha, 300 metros más adelante

settings Atributos útiles

type
Define el estilo de numeración (1, A, a, I, i)
start
Número inicial de la lista
reversed
Invierte el orden de la numeración