Вопросы Теги

Изменения макета CSS со стилем шрифта

Рассмотрим следующую разметку HTML. В большинстве браузеров, которые я тестировал, второй список отображается по-разному (каждый элемент списка имеет отступ).

Единственное различие между двумя списками относится к свойству CSS font-style, которое я не ожидал бы изменить список макет. Есть ли объяснение такому поведению? 

<!DOCTYPE html>
<html>
    <head>
        <style>
            body {font-family: sans-serif}
            span {float: left}
            ul.bad span {font-style: italic}
        </style>
    </head>
    <body>
        <ul>
            <li><span>foo</span></li>
            <li><span>foo</span></li>
            <li><span>foo</span></li>
            <li><span>foo</span></li>
        </ul>
        <ul class="bad">
            <li><span>foo</span></li>
            <li><span>foo</span></li>
            <li><span>foo</span></li>
            <li><span>foo</span></li>
        </ul>
    </body>
</html>
5
задан Josh Johnson 8 July 2011 в 15:21
поделиться