This is a quick-tip to show you the possibilities of the CSS attribute ‚box-sizing‘. I will show you, how you can float HTML tags in one row. The magic with box-sizing is, your design won’t break, if you are adding padding or borders to your elements.

An extensive overview about the box-sizing attribute you can find at the Mozilla Develoipers Network:

As always, i will explain the functionality with the free available JSBin. http://jsbin.com/

I am looking forward for your comments,

Phillip from web.studio Richter