Укрощаем списки и боремся с пробелами между тегами

Интересно, баг или фича? Задача. Вывести некий список одной строкой. Решение. Читаем умную статью на заданную тему. Пишем простой css-файл.


ul > li {
dislpay: inline;
}

Обращаем внимание, что следующие два списка отображаются по-разному.


<ul>
<li>one</li>
<li>two</li>
<li>another one</li>
<li>another two</li>
</ul>


<ul>
<li>one</li><li>two</li><li>another one</li><li>another two</li>
</ul>

Правим стиль:


ul > li {
dislpay: inline;
}
ul > li:after {
content: " ";
}

Результат не идеальный, но для начала сойдет и так.

No TrackBacks