Информационные технологииStfw.Ru 🔍

Как увеличить расстояние от маркера до текста?

🕛 19.01.2009, 23:32
Для изменения расстояния между маркером списка и текстом используйте атрибут padding-left для селектора LI, как показано в примере 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"> LI { padding-left: 20px; /* Отступ от маркера до текста */ } </style> </head> <body> <hr> <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li> </ul> <hr> </body>
</html>

Отрицательное значение для padding-left использовать нельзя, поэтому минимальное задаваемое расстояние равно нулю. Но даже в этом случае небольшой исходный промежуток между маркером и текстом останется.

Все рецепты HTML и CSS   Теги:

Читать IT-новости в Telegram
Информационные технологии
Мы в соцсетях ✉