Tipografía
Utilidades para controlar la posición de las viñetas y números en las listas.
| Clase | Estilos |
|---|---|
list-inside | list-style-position: inside; |
list-outside | list-style-position: outside; |
Utiliza utilidades como list-inside y list-outside para controlar la posición de los marcadores y la sangría del texto en una lista:
list-inside
list-outside
<ul class="list-inside"> <li>5 tazas de champiñones Porcini picados</li> <!-- ... --></ul><ul class="list-outside"> <li>5 tazas de champiñones Porcini picados</li> <!-- ... --></ul>Antepone a la utilidad list-style-position el prefijo de una variante de punto de ruptura como md: para aplicar la utilidad únicamente en tamaños de pantalla mediano y superiores:
<ul class="list-outside md:list-inside ..."> <!-- ... --></ul>Obtén más información sobre el uso de variantes en la documentación de variantes.