CSS - Padding

Padding

<!-- index.html -->
<!-- Head starts -->
<style>
  .no-padding {
    border-style: solid;
    margin-bottom: 10px;
  }

  .with-padding {
    padding: 5px;
    border-style: solid;
  }
</style>
<!-- Style block end -->
<!-- Head ends -->
<!-- Body starts -->
<div class="no-padding">No padding</div>
<div class="with-padding">With 5px padding</div>
<!-- Body ends -->

Clockwise notation

<!-- index.html -->
<!-- Head starts -->
<style>
  .clockwise-padding {
    border-style: solid;
    /* top right bottom left */
    padding: 10px 20px 10px 20px
  }
</style>
<!-- Style block end -->
<!-- Head ends -->
<!-- Body starts -->
<div class="clockwise-padding">No margin</div>
<!-- Body ends -->