Вертикальное расстояние вокруг метки UL

Question

Одно из непреднамеренных различий между тегом <div> и тегом <ol> или <ul> заключается в том, что теги списка добавляют 20px отступа в верхней и нижней частях блока к тому, что указано в свойствах стиля.

На самом деле, использование <div><li></li><li></li></div> дает именно желаемые результаты.Хотя этот обходной путь, по-видимому, незаконен - ​​(вопрос 2031725 ).Я предполагаю, что этот обходной путь имел в виду автор плаката.

Firefox / Safari / IE разделяют это поведение.Происходит ли эта проблема из спецификации HTML?Есть еще один очевидный обходной путь?Это кажется очевидным недостатком, и я слышу много жалоб.

Answer 1

Вертикальное пространство вокруг тегов <ol> и <ul> является не частью HTML, а стилем браузера по умолчанию.Если вам не нравится стиль, измените его вместо использования недопустимого HTML.

Я бы также поспорил с "непреднамеренными различиями".<ol> и <ul> имеют внутреннее семантическое значение (соответственно, упорядоченных и неупорядоченных списков), поэтому браузеры по умолчанию вводят их в стили, чтобы поддерживать это значение.<div> не имеет (почти) никакого семантического значения, поэтому по умолчанию не имеет стиля.