Home
CSS
CSS Padding
Tryit: The padding-top property
Run ❯
Get your
own
website
Result Size:
625 x 534
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <head> <style> p.padding { padding-top: 2cm; } p.padding2 { padding-top: 50%; } </style> </head> <body> <h1>The padding-top Property</h1> <p>This is a text with no top padding. This is a text with no top padding. This is a text with no top padding.</p> <p class="padding">This text has a top padding of 2 cm. This text has a top padding of 2 cm. This text has a top padding of 2 cm.</p> <p class="padding2">This text has a top padding of 50%. This text has a top padding of 50%. This text has a top padding of 50%.</p> </body> </html>