<p><strong>Margin top/bottom all elements</strong></p>
<div>
  <p>The first paragraph</p>
  <p>The second paragraph</p>
</div>


<p><strong>First/Last margin removed</strong></p>

<div class="content-box">
  <p>The first paragraph</p>
  <p>Paragraph in between</p>
  <p>The second paragraph</p>
</div>

<hr>

<p><strong>Spacing unven/even around edges</strong></p>
<div style="padding:1%;">
  <p>The first paragraph</p>
  <p>The second paragraph</p>
</div>

<div class="content-box" style="padding: 1%;">
  <p>The first paragraph</p>
  <p>Paragraph in between</p>
  <p>The second paragraph</p>
</div>
div{
  border:1px solid red;
}

.content-box p:first-child{
  margin-top: 0;
}
.content-box p:last-child{
  margin-bottom: 0;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.