Выравнивание текста по вертикали для маркеров на основе графики - PullRequest
0 голосов
/ 21 июля 2011

См. Маркеры в этом сообщении в блоге: http://www.nielsbrinch.com/managing-expectation-management/

Мне пришлось изменить текстовые характеристики, чтобы выровнять текст по графическим маркерам.Я хотел бы установить ту же высоту строки (25), что и остальной текст, но пришлось установить ее равной 15, чтобы выравнивание по оранжевой пуле было правильным.

Вот объединенныестили для маркеров.

.post ul li {
    background: url(images/yellow-bullet.png) no-repeat 0px 4px;
    padding-left: 15px;
    font-family: Tahoma;
    line-height: 15px;
    font-size: 11pt;
    padding-top: -12px;
    margin-bottom: 10px;
    margin-left: 10px;
}

Вопрос: Как обеспечить правильное выравнивание текста с маркерами при сохранении полного контроля над текстовыми характеристиками?

(я хочу сделатьэто только путем изменения стилей, пожалуйста, не предлагайте изменить структуру html, например, включить div в тег li)

1 Ответ

1 голос
/ 21 июля 2011
list-style-image: url(images/yellow-bullet.png);

вместо

background: url(images/yellow-bullet.png) no-repeat 0px 4px;

должно сработать?

...