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>Beispiel für box-sizing</h2> <p>Hier sehen Sie zwei umrahmte Boxen, die nebeneinander definiert sind.</p> <div class="container"> <div class="box">Linker Teil</div> <div class="box">Rechter Teil</div> <div style="clear:both;"></div> </div> </body> </html>