box-sizing recommendation to help fix the annoying box model issues in html/css

box-sizing.css

/*Ugh. If I say the width is 200px, gosh darn it, it’s gonna be a 200px wide box even if I have 20px of padding. 
So as you know, this is NOT how the box model has worked for the past ten years. Anyway, I have a recommendation 
for your CSS going forward: (Paul Irish via: http://www.paulirish.com/2012/box-sizing-border-box-ftw/) */

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}