Кросс-браузер совместимый висячий отступ для списков

У меня есть неупорядоченный список, где я пытаюсь контролировать висячий отступ. На элементах, которые переполняются на две строки, я хочу, чтобы вторая строка текста выстраивалась прямо под предыдущей строкой текста (не под маркером). У меня есть это, чтобы работать в Chrome точно так, как я этого хочу. Однако это немного в Firefox и Internet Explorer.

Здесь у меня есть:

<ul style="list-style: disc inside none; margin-left: 0; padding-left: 1em; text-indent: -1em;">
<li>50 – 180</li>
<li>950 – 2150</li>
<li>Dual IF: 70/140, L-Band & L-Band monitor (standard)</li>
</ul>

Есть ли способ сделать это рендером одинаковым во всех браузерах?

Ответ 1

Удалите text-indent, измените list-style на outside и примените padding-left к вашим li элементам:

ul {
    list-style: disc outside none; 
    margin-left: 0; 
    padding-left: 1em;
}
li {
    padding-left: 1em;
}

Ответ 2

Единственное, что я должен был добавить к принятому ответу, было text-indent, поскольку я использовал шрифты fontello:

ul {
    list-style: disc outside none;
    margin-left: 0; 
    padding-left: 1em;
    text-indent: -2em;
}

li{
    padding-left: 1em;
}

Ответ 3

Сначала используйте CSS reset, затем соответствующим образом настройте свой CSS.