resumemaker.eu
← TechnologyThe essentials of

margin-inline follows the logical axis of the text

Publisher: ResumeMaker • 1 source

Published: 22 Oct 2026 13:13 · Updated: 22 Oct 2026 13:13

AI source check: 21 Oct 2026 13:48. This is not editorial approval.

In a few sentences

In brief

The beginning and the end do not always coincide with the left and right.

Useful to know

margin-inline sets the outer spacings along the line axis. In usual horizontal writing, they are left and right, but compliance depends on writing-mode and direction. [1]

Example: .article { max-width: 70ch; margin-inline: auto; }. In a standard block layout, it is a convenient way to horizontally center a bounded-width text. Two values set the spacing at the beginning and end of the line axis. In the case of components for different scripts, logical properties reduce the need for separate rules for physical sides.

Sources

For further detail and to check the information:

  1. [1] MDN — margin-inline ↗