How to add padding or border to a DIV and keep width and height?

Question

Is there some way to keep a set width/height for a DIV, and pad the content without the DIV growing? See example below. I want all the boxes to be exactly 140x140.

H

Answer 1

Yes the solution to your problem is box-sizing:border-box; ( http://css-tricks.com/box-sizing/ , http://paulirish.com/wp-content/uploads/2011/gplus-boxsizing.html ) (works in IE8+ and all modern browsers)