Свойства CSS: list-style-position

Перевод: Всеволод Козлов

Наша цель: сделать так, чтобы маркер списка не портил дизайн так, как показано на рисунке ниже.

Свойства CSS: list-style-position


Решение проблемы (важные моменты выделены жирным):

.box ul { }
.box li {
list-style: square;
margin-left: 15px;
color: #2D343F;
}

Однако, лучшим решением было бы использование «inside» свойства css list-style-position:

.box ul { }
.box li {
list-style: square;
list-style-position: inside;
color: #2D343F;
}

или так:

.box ul { }
.box li {
list-style: square inside;
color: #2D343F;
}

Смотрим результат на скриншоте ниже! Проблема решена!

Свойства CSS: list-style-position

Надеюсь, что помог Вам!

Оригинал статьи: CSS list-style-position Property

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*