CSS Tutorial

Setting Padding for Each Side

padding-top
padding-right
padding-bottom
padding-left

<!DOCTYPE html>
<title>Example</title>
<style>
  div {
    background: gold;
    padding-top: 5px;
    padding-right: 60px;
    padding-bottom: 15px;
    padding-left: 30px;
  }
  div > p {
    background: white;
  }
</style>
<div>
  <p>
    Different padding on each side.
  </p>
</div>