<html> <head> <style type="text/css"> p { background-color:yellow; } p.padding { padding-top:25px; padding-bottom:25px; padding-right:50px; padding-left:50px; } </style> </head> <body> <p>This is a paragraph with no specified padding.</p> <p class="padding">This is a paragraph with specified paddings.</p> </body> </html>
Your Result:
Edit the code above and click to see the result.
W3Schools.com
- Try it yourself