Размеры и отступы списков
- 29 марта 2014
Теги ul
и li
- блочные элементы.
Если размеры не заданы явно, занимают всю доступную ширину родительского блока и высоту, необходимую для размещения содержимого. Браузеры устанавливают для них свои отступы по умолчанию (а иногда и свои маркеры). Поэтому, если эти значения вас не устраивают, нужно их изначально переопределить.
Для наглядности зададим для тегов ul и li рамки и цвет фона разного цвета.
- ul {margin-left: 10px; padding: 10px;}
- li {margin-left: 0px; padding: 0px;} Настройки по умолчанию
- li {margin-left: 0px; padding: 0px;list-style: none;} без маркера
- li {margin: 10px; padding: 0px;}
- li {margin: 0px; padding: 10px;}
- li {margin: 10px; padding: 10px;}
Пояснения:
Левый внешний отступ отодвигает список от края содержащего родительского контейнера и обычно устанавливается 20-40px.
Внутренний отступ не устанавливается.
Для тега li
отступы, обычно, не устанавливаются.
Высота строки простых списков часто задается line-height
/*-- CSS. Примерные значения по умолчанию --*/ ul { margin: 0 0 10px 25px; } li { line-height: 20px; }