Box-sizing demo page

This is a demo document for the technique described in the article Controlling width with CSS3 box-sizing. Please refer to the article for details and context.

1. No box-sizing specified

2. Only columns (div.text) have box-sizing:border-box

3. Both columns and input fields have box-sizing:border-box

4. Workarounds without box-sizing for IE 7

View source for the HTML and CSS used.

Lab Index | 456 Berea Street Home | Copyright © Roger Johansson