Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <style> div.container { width: 100%; border: 2px double #1c87c9; } div.box { box-sizing: border-box; width: 50%; border: 3px solid #ccc; float: left; padding: 3px; } </style> </head> <body> <h2>Box-sizing Example</h2> <p>Here you can see two bordered boxes defined side by side.</p> <div class="container"> <div class="box">Left part</div> <div class="box">Right part</div> <div style="clear:both;"></div> </div> </body> </html>