Box Model & Layout

CSS Box Model

The foundation of layout: Content, Padding, Border, Margin.

1The Components

Every element is a box. Padding clears space inside border. Margin clears space outside border.

Example Code

div {
  width: 300px;
  padding: 20px;
  border: 5px solid gray;
  margin: 10px;
}

Finished reading?

Mark this topic as complete to track progress.