147. Как изменить положение маркера списка

Маркеры списка могут обтекаться текстом в случае необходимости. Для этого существует специальное свойство list-style-position. По умолчанию маркеры находятся вне элемента. Рассмотрим синтаксис свойства list-style-position.

Код CSS

list-style-position: outside  | inside | inherit;

Далее пример:

Код CSS

li {
    list-style-position: inside;    
}

Свойство list-style-position применяется к элементам dd, dt, li, ol, ul и имеющим свойство display: list-item.

Похожие уроки Codebra

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ

Свойство background для работы с фономЦвета и фон

Поиск хостов с помощью NmapРазведка и сканирование

Типы списков в CSSСписки

Введение в раздел «Структуры данных в Python»Знакомство с Python

Обработка исключений (try/except) в PythonЗнакомство с Python

Краткое свойство для изменения стиля спискаСписки

Свойство z-index для определения уровня элементаПозиционирование

Погружение в PythonЗнакомство с Python

Позиционирование элементов свойством positionПозиционирование

Предыдущий урок «146. Маркер списка в виде изображения» Следующий урок «148. Краткое свойство для изменения стиля списка»

HTML

CSS

Браузер

Вернуть расположение блоков

Код HTML

Код CSS

Браузер×

Задание

Восстановить код

Чтобы использовать все функции сайта (например: сохранение прогресса прохождения уроков, участие в рейтинге среди пользователей, прохождение тестов, просмотр внешних ссылок и скриншотов в некоторых курсах), вам нужно авторизоваться. Это можно сделать пройдя обычную регистрацию с использованием почты или в пару кликов, если у вас есть один из аккаунтов: ВКонтакте, GitHub, Google, Яндекс или Telegram.

Сделайте так, чтобы содержимое элемента обтекало маркер.

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте, Telegram.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить в нашей Telegram-группе.

Необходимо авторизоваться, чтобы проверить задание
Это займет не больше минуты.