Format Code
Run Code
<!DOCTYPE html> <html> <head> <title>Let's Coding Example</title> </head> <style> /* Apply the same padding to all sides */ .container-1 { padding: 10px; border: 1px solid black; } /* Apply vertical padding (top and bottom) and horizontal padding (left and right) */ .container-2 { padding: 10px 20px; border: 1px solid black; } /* Apply top padding, right padding, bottom padding, and left padding individually */ .container-3 { padding: 10px 20px 30px 40px; border: 1px solid black; } </style> <body> <div class="container-1">Apply the same padding to all sides</div> <div class="container-2">Apply vertical padding (top and bottom) and horizontal padding (left and right)</div> <div class="container-3">Apply top padding, right padding, bottom padding, and left padding individually</div> </body> </html>
console output