Search⌘ K

Padding and Margin Properties

Explore the padding and margin properties in CSS to build flexible, direction-agnostic layouts. Understand how padding-inline-start, padding-block-end, margin-inline-end, and margin-block-start adjust spacing responsively. Gain practical skills for managing layout spacing without relying on fixed directions, improving your web design's adaptability and responsiveness.

In the Zombie Width and Height lesson, we learned the size property of inline and block layouts. In this lesson, let’s have a look at padding and margin properties.

Padding direction agnostic zombies

  • padding-inline-start: The size of the padding at the start of the inline direction

    (This is the writing-direction-agnostic version of ...