Format Code
Run Code
<!DOCTYPE html> <html> <head> <title>Let's Coding Example</title> </head> <style> .div1 { box-sizing: border-box; width: 300px; height: 100px; padding: 20px; border: 1px solid blue; } .div2 { box-sizing: content-box; width: 300px; height: 100px; padding: 20px; border: 1px solid red; } </style> <body> <h1>Comparison of Box Sizing</h1> <div class="div1">This div uses content-box (default).</div> <br> <div class="div2">This div uses border-box.</div> </body> </html>
console output