Logical margin

Margins like margin-inline-start that follow text direction.

What are logical margins?

Logical margins like margin-inline-start and margin-block-end follow the writing direction instead of fixed sides.

.icon { margin-inline-end: 8px; }   /* gap after the icon, in any language */

Level: Freelancer · More CSS terms at this level

Updated September 27, 2026