Box Sizing

by Joe Mottershaw

HTML

<div>Content</div>

<div id="border-box">Content</div>

CSS

body {
    padding: 20px;
}

div {
    width: 100px;
    height: 100px;
    border: 1px solid #000;
    padding: 10px;
    background: #EEE;
}

#border-box {
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}