CSS Studio

Interactive Learning

Pro Tip

Use the Inspector tool to debug your layouts visually.

Box Model

Dimensions

Width (Content)200px

Padding (Green)30px

Border (Yellow)10px

Margin (Orange)30px

Live CSS Editor

Editable

Loading...

Viewport / Body

Margin

Border

Padding

200px Content