Откуда взялось расстояние между li? Как его убрать?

Question

[Роман Родионов]

Проверяю через средство разработчика в Chrome, li имеют размер ровно под содержимое. Откуда тогда между ними расстояние?
codepen.io/RRodionov/pen/JGXgbd

Answer 1

[Дмитрий]

это дает display: inline-block;

способы решения

css-live.ru/articles/zagadochnye-otstupy-mezhdu-in...

Comments

[Роман Родионов]

Отличная статья! Вот этот вариант мне по душе:

<li>Text
<li class="line">
<li>Text
<li class="line">

Просто не ставишь закрывающий тег li!
Спасибо.

[Kovalsky]

Пользуясь этим решением, вы должны быть готовы к тому, что непопулярные браузеры (например, дефолтные для мобильных устройств) будут по-разному обрабатывать такую ошибку, как отсутствие закрывающих тегов. Некоторые удалят открывающий тег, а некоторые могут-таки добавить закрывающий тег, но еще добавят пустую textNode.

Намного безопасней пользоваться способом №5 из статьи по ссылке. Код получается не такой красивый и лаконичный, зато вы точно знаете, как будет обработан ваш код, ни один браузер не добавит в этом месте никакой отсебятины.

Answer 2

[Петр]

Уберите перевод строк используя блок комментария:

<ul><!--
--><li></li><!--
--><li></li>
<ul>