Border-box sizing

by Jayna

HTML

<div class="box">RED</div>
<div class="box2">ORANGE</div>

CSS

.box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
    width: 200px;
    height: 300px;
    color: white;
    background-color: red;
    padding: 20px;
    display: block;
    float: left;
}

.box2 {
      box-sizing: content-box;
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box;
    width: 200px;
    height: 300px;
    color: white;
    background-color: orange;
    padding: 20px;
    float: left;
    margin-left: 20px;
}