Как добавить вертикальный интервал между элементами блока, но не сверху и снизу

Скажем, у меня есть куча элементов 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 и т. д.

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

15
задан rob 25 April 2012 в 19:20
поделиться