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

Question

Кто думал, что оформление списка ссылок может быть таким хлопотным!

• Первый выпуск, который я хотел бы использовать произвольный символ как пуля. я теперь уверен, что это невозможно, но может ты знаешь другое?

• В любом случае я бы хотел контролировать расстояние между пулей и содержимым

• .

• Я бы хотел контролировать высоту маркера (чтобы он оставался по центру текста

• независимо от шрифтов / размеров и т. Д.).

• Я бы хотел, чтобы пуля оставалась внутри

  , которая содержит

• Я бы хотел, чтобы длинные элементы в

• оборачивались, оставляя пулю в стороне от текста.

Я хочу, чтобы он работал во всех браузерах выше IE6. с как можно меньшим количеством особой просьбы о странностях IE! (это означает, что я не могу использовать :before)

Мне хочется использовать и вместо списков!

Answer 1

http://css.maxdesign.com.au/listamatic/

Answer 2

Прежде всего, убедитесь, что вы удалите отступы / поля элемента списка с помощью CSS, чтобы у вас был чистый список для всех браузеров. Затем, если вы всегда хотите, чтобы изображение маркера было отцентрировано, используйте изображение.

 ul{
   margin: 0;
   padding: 0;
}

ul li{
  padding: 0 0 0 20px; /*so text does not appear on top of bullet */
  background: url(error.gif) no-repeat 0 50%; /* this will set the bullet to appear in the middle */
}

Answer 3

Для неупорядоченного списка вам нужно будет создать графику для отображения произвольного символа. Другие доступные значения:

list-style-type: disc | circle | square | none

Чтобы пуля оставалась внутри текста, а не висеть, используйте

list-style-position: inside

??? Не уверен, что ты имеешь в виду, когда говоришь «обойти» в своем последнем пункте.