<html>
<head>
<style>
p.p2 {
padding-top: 2cm;
}
p.p3 {
padding-top: 50%;
}
</style>
</head>
<body>
<h1>The padding-top Property</h1>
<p>This is a paragraph with no top padding.</p>
<p class="p2">This paragraph has a top padding of 2 cm.</p>
<p class="p3">This paragraph has a top padding of 50%.</p>
</body>
</html>