Code Editor
Web Browser
Changing the Box Model

The New Box Model

Now that you know about the new box model, let's actually implement it in the browser.

* { box-sizing: border-box; }

It's that simple! In the example above, the universal selector (*) targets all elements on the web page and sets their box model to the border-box model.

Report a Bug
If you see a bug or any other issue with this page, please report it here.