Part 1: Box Model

Box 1: This is a paragraph showing padding, margin, border, and width. You can swap this text for lorem ipsum if you want.

Box 2: This paragraph is inside a div. The div has its own padding, margin, border, width, and background color.

Zenless Zone Zero art

Box 4: Same content style idea as Box 2, but this one uses box-sizing: border-box so the padding doesn’t make it grow past the set width.

Back to index