Типография
Утилиты для управления позицией маркеров и номеров в списках.
Class | Styles |
---|---|
list-inside | list-style-position: inside; |
list-outside | list-style-position: outside; |
Используйте утилиты типа list-inside
и list-outside
для управления позицией маркеров и отступом текста в списке:
list-inside
list-outside
<ul class="list-inside"> <li>5 чашек нарезанных грибов порчини</li> <!-- ... --></ul><ul class="list-outside"> <li>5 чашек нарезанных грибов порчини</li> <!-- ... --></ul>
Префикс a list-style-position
утилита с вариантом контрольной точки, например md:
, чтобы применить утилиту только при размерах экрана medium и выше:
<ul class="list-outside md:list-inside ..."> <!-- ... --></ul>
Подробнее об использовании вариантов читайте в документации по вариантам.