Everything is a box

Understanding that everything in a website is a box and how to manipulate that box.

Margin & padding
Collapsing top & bottom margins
Width and height
Adjusting layout math with border box
Box decorations

Margin & padding

Collapsing top & bottom margins

Width and height

Adjusting layout math with border box

Box decorations

© Thomas J Bradley — learntheweb.courses. All code for this website licensed under the MIT License. All tutorial code licensed under the CC0 Public Domain Dedication. All text, imagery, design, tutorials & videos licensed under the CC BY-NC-SA License. Unless otherwise noted. Privacy & cookies policy

Learn the Web, Ottawa, ON, Canada

Get help
Solutions for teachers
GitHub
Bugs

Last updated — 2022-11-13T13:04:26-05:00