Box Model Test Fixture

Margin

Margin 20px all sides

Margin: 10px top/bottom, 40px left/right

Padding 30px all sides

Padding: 5px top/bottom, 40px left/right

3px solid blue border

2px dashed red border

Different borders on each side

Small radius (4px)

Large radius (20px)

Pill shape

Circle

content-box: width 200px + padding + border

border-box: total width 200px including padding + border

Fixed width: 300px

Fixed height: 60px

Min-width: 250px

Max-width: 200px with text that might overflow the constraint.

Min-height: 80px

Max-height: 40px, overflow hidden. This text will be clipped.