HTML изменить размер LI или изображение

Question

Учитывая одиночное <li /> Мне нужно увеличить его размер. Размер шрифта работает только в Firefox, IE просто показывает его как тот же размер.

Могу ли я изменить размер LI другим способом или установить его изображение? Пожалуйста, обратите внимание (и я знаю, что это плохо) нет элемента UL, это недопустимая разметка, так как это часть более старой системы, дизайн которой означает, что UL не может быть легко добавлен.

Answer 1

<li> элементы являются встроенными элементами, поэтому они получат ширину внутренних элементов. Вы можете установить свойство display в "inline-block" и установить ширину. Я думаю, это решит вашу проблему.

Answer 2

<li> - это встроенный элемент, вы можете использовать display: inline-block;, чтобы он принимал ширину, высоту, фон, расположение и другие правила, сохраняя при этом свой встроенный поток.

Также вы можете попробовать использовать <span> с изображением точки, расположенной слева от текста вместо неверной разметки.

.liSpan
{
   display: inline-block;
   background-image: images/dot.png;
   background.position: left;
   padding-left: 25px;
}

или что-то похожее:)

Answer 3

Попробуйте отрегулировать высоту строки или отступы для увеличения высоты.

.liSpan
{
    line-height: 2em;
    padding: 1em 0;
}