Как изменить отступ слева от маркеров списка?
Задать произвольное расстояние между маркерами списка и текстом справа от него.
Решение
Добавьте свойство margin-left к селектору UL или OL , соответственно, для маркированного или нумерованного списка. Браузер Firefox, Safari и Chrome одновременно с отступами добавляет к списку поля (свойство padding ), поэтому для одинакового отображения списка в разных браузерах необходимо обнулить значение padding , как показано в примере 1.
Пример 1. Отступ слева от списка
HTML5 CSS 2.1 IE Cr Op Sa Fx
Результат данного примера показан на рис. 1.
Рис. 1. Список сдвинут влево от своего исходного положения
Значение margin-left подбирается экспериментально исходя из собственных предпочтений. Допускается также использовать отрицательную величину, только учтите, что маркеры и текст могут при этом «уехать» за край окна браузера.
Как убрать отступ у списка слева css
Если вы задали свойству 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; >
Как убрать отступ слева перед HOME ( padding ) у списка ul li, который выстроен горизонтально?
Как убрать отступ слева перед HOME ( padding ) у списка ul li , который выстроен горизонтально?
- Вопрос задан более трёх лет назад
- 409 просмотров
1 комментарий
Простой 1 комментарий
так там нет отступа же
Решения вопроса 0
Ответы на вопрос 1
Как раз таки этот код у вас работает.
&:first-child
&:last-child
нет.
Все потому что у последнего элемента нет паддинга справа. Вы задали фиксированную ширину его родителю и обертке. Хотите его убрать, уменьшите ширину или добавьте
.list
если хотите растянуть содержимое на всю ширину
Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
Ваш ответ на вопрос
Войдите, чтобы написать ответ
- HTML
- +1 ещё
Как сверстать такой блок на флексах с изменением порядка его элементов?
- 1 подписчик
- 43 минуты назад
- 33 просмотра
Убрать отступ слева у
Opera не видит отступ слева
http://kudo.hop.ru/www/box.php меню слева не коректно в опере смотриться причем с первым элементом.
Отступ списка от рисунка слева
Проблема заключается в том, что когда вставляется картинка пропадает отступ списков, т.е. вот.
абсолютное позиционирование (отступ слева)
Приветствую. Существует блок с картинками <div <img.
13208 / 6596 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
ul {margin-left:0;}
Регистрация: 13.07.2010
Сообщений: 38
Спасибо большое! Промучилась с этой фигней полдня. Главное дело, так и писала. и не понимала, почему не работает))) Сейчас пригляделась: «style:». Мда. женщины и компьютер несовместимы)))))
Регистрация: 07.05.2014
Сообщений: 20
Я тоже промучился с этой фигней. Все параметры перепробовал. Оказалось надо сделать так:
ul {font-size : 0;}
затем font-size установить к конкретному элементу. И вуаля — все отступы исчезли.
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь
Отступ слева равный размеру картинки
Доброго дня! Прикрепил картинку, как такое сделать?
Почему изображение далает отступ сверху и слева?
Почему изображение далает отступ сверху и слева? Хотя в коде отступов никаких нет. <html> <body>.
В мобильной версии сайта появляется отступ слева
Здравствуйте. Уже час ломаю голову над тем, почему на мобильном экране, страница съезжает вправо? .
Отступ сайта слева от края браузера для разных разрешений?
Наивный вопрос, но подскажите плиз: Можно ли средствами css сделать разное выравнивание сайта.