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</h2> <p>Здесь увидите две граничные блоки, которые установлены рядом друг с другом.</p> <div class="container"> <div class="box">Левая часть</div> <div class="box">Правая часть</div> <div style="clear:both;"></div> </div> </body> </html>