Using Border-box

CSS

Setting box-sizing to border-box brings padding and border values within the width specified, gone are the days of doing the maths, relax border-box has you covered. IE8+

Code

*, *:before, *:after {
  -moz-box-sizing: border-box; 
-webkit-box-sizing: border-box;
 box-sizing: border-box;
}