Как через CSS корректно уплотнить по вертикали списки ol/ul?

Question

[Михаил Лялин]

Как средствами CSS корректно сжать по вертикали списки ul/ol?

Нужно уменьшить межстрочное расстояние, кроссбраузерно и с учётом моб. устройств! <p> должен быть!

<ul>
<li><p></p></li>
<li><p></p></li>
</ul>

Comments

[Юпитер Макс]

а по конкретнее можно?

[Михаил Лялин]

межстрочное расстояние, кроссбраузерно и с учётом моб. устройств

<ul>
<li><p></p></li>
<li><p></p></li>
</ul>

[2cha.headz]

Михаил Лялин, у вас тут скорее всего за счет тега "p" большие расстояния между элементами списка, а так line-height, margin и padding в помощь

[Ankhena]

Если тег <p> внутри <li>один, то он лишний.

Answer 1

[Виталий Кузнецов]

line-height сделать минимальным, отрицательные margin-bottom, margin-top

Как-то так https://codepen.io/vitaly44/pen/aMRXQO или типа того