list-style-position

Ejemplos

Ejemplo básico

Usa utilidades como list-inside y list-outside para controlar la posición de los marcadores y la sangría del texto en una lista:

<ul class="list-inside">
  <li>5 cups chopped Porcini mushrooms</li>
  <!-- ... -->
</ul>
<ul class="list-outside">
  <li>5 cups chopped Porcini mushrooms</li>
  <!-- ... -->
</ul>

Responsive design

Prefija una utilidad list-style-position con una variante de breakpoint como md: para aplicar la utilidad solo en tamaños de pantalla medium y superiores:

<ul class="list-outside md:list-inside ...">
  <!-- ... -->
</ul>

Aprende más sobre el uso de variantes en la documentación de variantes.