CSS Box Model Live Preview

This demonstration allows you to visualize how adjusting the width, padding, and border affects the size and layout of an element using the box model.

CSS Output

box-sizing:
content-box border-box
Content area

Full width - includes padding and border