<!DOCTYPE html> <html> <head> <style> .div1{ padding:20px; border:1px solid red; } .div2{ padding:100px 50px; border:1px solid green; } .div3{ padding:100px 75px 50px; border:1px solid blue; } </style> </head> <body> <div class="div1"> The top padding is 20px. The right padding is 20px.The bottom padding is 20px.The left padding is 20px. </div> <br> <div class="div2"> The top padding is 100px.The right padding is 50px.The bottom padding is 100px.The left padding is 50px. </div> <br> <div class="div3">The top padding is 150px.The right padding is 100px.The bottom padding is 50px.The left padding is 75px. </div> </body> </html>
Run
×
Share