Как изменить отступ слева от маркеров списка?
🕛 19.01.2009, 23:29
Добавьте атрибут margin-left к селектору UL или OL, соответственно, для маркированного или нумерованного списка. Браузер Firefox одновременно с отступами добавляет к списку поля (атрибут padding), поэтому для одинакового отображения списка в разных браузерах необходимо обнулить значение padding, как показано в примере 1. Пример 1. Отступ слева от списка
HTML 4.01CSS 2.1IE 6IE 7Op 9.5Sa 3.1Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title>Отступ слева</title> <style type="text/css"> UL { padding: 0; /* Убираем поля для браузера Firefox */ margin-left: 20px; /* Отступ слева */ } </style> </head> <body> <hr> <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li> </ul> <hr> </body> </html>
Значение margin-left подбирается экспериментально исходя из собственных предпочтений. Допускается также использовать отрицательную величину, только учтите, что маркеры и текст могут при этом «уехать» за край окна браузера.