padding.html

<!Doctype html>
<html>

  <head>

    <style type="text/css">

      p {background-color:yellow;}
      p.padding
      {
        padding-top:25px;
        padding-bottom:25px;
        padding-right:50px;
        padding-left:50px;
      }

    </style>

    <title>CSS Padding</title>

  </head>

  <body>

    <h1>CSS Padding</h1>

    <h4>puts space between the element and the border</h4>

    <p>paragraph with no specified padding.</p>

    <p class="padding">paragraph with specified paddings.</p>

  </body>

</html>