Contoh Padding dan Margin

<!doctype
 html>
<html>
<head>
   <title>Contoh Penggunaan Font</title>
   <style type="text/css">
   .kotak{
        border: red 1px solid;
        margin: 10px;
        padding:5px;
        background-color: yellow;
    }
    .biasa{
        border: red 1px solid;
        background-color: yellow;
    }
   </style>
</head>
<body>
<div class="kotak">Isi konten isi konten isi konten isi konten isi
 konten isi konten isi konten isi konten isi konten isi konten isi 
konten isi konten isi konten isi.</div>
<div class="kotak">Isi konten isi konten isi konten isi konten isi
 konten isi konten isi konten isi konten isi konten isi konten isi 
konten isi konten isi konten isi.</div>
<div class="kotak">Isi konten isi konten isi konten isi konten isi
 konten isi konten isi konten isi konten isi konten isi konten isi 
konten isi konten isi konten isi.</div>
<h3>Di bawah ini tanpa margin dan padding</h3>
<div class="biasa">Isi konten isi konten isi konten isi konten isi
 konten isi konten isi konten isi konten isi konten isi konten isi 
konten isi konten isi konten isi.</div>
<div class="biasa">Isi konten isi konten isi konten isi konten isi
 konten isi konten isi konten isi konten isi konten isi konten isi 
konten isi konten isi konten isi.</div>
<div class="biasa">Isi konten isi konten isi konten isi konten isi
 konten isi konten isi konten isi konten isi konten isi konten isi 
konten isi konten isi konten isi.</div>
</body>
</html>

Sumber : http://www.developer-id.com/