Скажем, у меня есть куча элементов P, LI или DIV, между которыми ничего нет. Я хочу контролировать расстояние между ними по вертикали, чтобы они не прилегали друг к другу так плотно. Но я не хочу добавлять пространство сверху и снизу, так как это обрабатывается родительским элементом, и мне больше не нужно. Есть ли простой способ сделать это, который работает для всех элементов блока?
Скажем, у меня есть что-то вроде этого :
p {
margin: 5px 0;
}
, а затем
<div>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
</div>
Но мне не нужно 5px выше p 1 или ниже p 4, так как div уже имеет отступы, и я не хочу возиться с этим. Я просто хочу 10 пикселей между p 1 и p 2, p 2 и p 3 и т. д.
Я уверен, что мог бы сделать что-то неуклюжее (и делал это много раз ), но я ищу что-то более чистое что мне не нужно делать много специального -кожуха для этой распространенной ситуации.