<div class="container">
  <h1>Internal Spacing or Padding</h1>

  <div class="box">
    <div class="p-top">
      <div></div>
      <p>padding-top: 30px;</p>
    </div>

    <div class="p-right">
      <div></div>
      <p>padding-right: 30px;</p>
    </div>

    <div class="p-bottom">
      <div></div>
      <p>padding-bottom: 30px;</p>
    </div>

    <div class="p-left">
      <div></div>
      <p>padding-left: 30px;</p>
    </div>

    <div class="p-allFourSides">
      <div></div>
      <p>All four sides: 30px;</p>
    </div>
  </div>
</div>