Box-sizing

Box sizing examples

by mzcarlos

HTML

<html>
<head>

</head>
<body>
<div class='cb width'>
content-box
</div>
<div class='bb width'>
border-box
</div>
</body>
</html>

CSS

.cb {box-sizing: content-box}
.bb {box-sizing: border-box}
.width {width: 200px; padding: 20px; margin: 40px; background: gray;}