Playground de listas en HTML

Combina los tres tipos de listas de HTML, crea niveles anidados y genera marcado semántico con ul, ol, li, dl, dt y dd.

Presets

Elige una configuración como punto de partida y ajusta después cualquier control.

Tipo de lista

Usa ul cuando el orden no importe, ol cuando la secuencia sea significativa, dl para términos y descripciones, o Mixta para combinarlas.

<ul><ol><dl>Mixta

Contenido

Elementos de la lista

Escribe un elemento por línea y usa dos espacios por nivel anidado. En dl, usa término | descripción.

Lista no ordenada

HTML

<ul>
  <li>Leche</li>
  <li>Huevos</li>
  <li>Pan</li>
  <li>Hummus</li>
</ul>