<!DOCTYPE html>
<html>
<head>
<title>Padding</title>
<style>
body {
color:#000000;
background-color:#ffffff;
font-family:arial, verdana, sans-serif;
font-size:12px;}
.a, .b {border-style:solid; border-color:#000000; border-width:2px; width:100px;}
.b {padding:15px;}
</style>
</head>
<body>
<h1>padding Property</h1>
<p class="a">Without padding between the edge of this paragraph and its border, this text is harder to read.</p>
<p class="b">With padding between the edge of this paragraph and its border, this text is easier to read.</p>
</body>
</html>