Оглавление

Удаление у пунктов списка отступа слева

Если вы задали свойству list-style-type значение none, то, возможно, вам также хотелось бы уменьшить или вовсе убрать возникающие при этом отступы слева.

 

Решение
Можно убрать отступы и выровнять пункты списка по левому краю, так что по вертикали они будут отображаться на одном уровне с предшествующим абзацем, как показано на рис. 2.27. Для этого нужно создать такое правило:

ul {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}

  

Список без маркеров и без отступов

Рис. 2.27. Список без маркеров и без отступов


Обсуждение
При желании можно изменить величину отступов для пунктов списка.
Например, чтобы отодвинуть список на несколько пикселов, можно использовать следующий код:

ul {
list-style-type: none;
padding-left: 5px;
margin-left: 0;
}
Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити