Programming Code Center(PCC)
[CSS]

(PCC)::[How-to-Set-padding-bottom-of-an-element]::[css]

File Name : index.html

<!DOCTYPE html>
<html>
<head>
<style>
p.padding {
  padding-bottom:2cm;
}

p.padding2 {
  padding-bottom:50%;
}
</style>
</head>
<body>

<h1>The padding-bottom Property</h1>

<p>This is a text with no bottom padding. This is a text with no bottom padding. This is a text with no bottom padding.</p>
<p class="padding">This text has a bottom padding of 2 cm. This text has a bottom padding of 2 cm. This text has a bottom padding of 2 cm.</p>
<p class="padding2">This text has a bottom padding of 50%. This text has a bottom padding of 50%. This text has a bottom padding of 50%.</p>

</body>
</html>

Output :

The padding-bottom Property

This is a text with no bottom padding. This is a text with no bottom padding. This is a text with no bottom padding.

This text has a bottom padding of 2 cm. This text has a bottom padding of 2 cm. This text has a bottom padding of 2 cm.

This text has a bottom padding of 50%. This text has a bottom padding of 50%. This text has a bottom padding of 50%.