Padding In CSS

 How to use Padding in CSS

Padding is the space between its content and its border Area.

Example1: 

<p style="padding-left:20px;">welcome</p>

Example2:

<p style="background-color:yellow; padding:50px;"> Padding Attribute for hello this is a testing Hello hi this is simple text abcd aa</p>

Example 3:

<p style="padding-right:40px;">hello welcome this is a Padding Attribute for CSS this attribute make space inside a Elements</p>

Example 4:

<p style="padding-top:40px; background-color:blue; ">hello welcome this is a Padding Attribute for CSS this attribute make space inside a Elements</p>

Example 5:

<p style="padding-bottom:40px; background-color:orange; ">hello welcome this is a Padding Attribute for CSS this attribute make space inside a Elements</p>

Example 6: 

<p style="padding-bottom:30px; padding-left:40px; padding-right:50px; padding-top:30px;  background-color:pink; ">hello welcome this is a Padding Attribute for CSS this attribute make space inside a Elements</p>

Learn all Programming and Scripting Languages with youtube.com/avadhtutor