Logical Properties & Writing Modes

Logical properties respect text direction (ltr / rtl).

margin-inline-start: 1rem;   /* left in LTR, right in RTL */
padding-block-end: 2rem;    /* bottom in both directions */

writing-mode controls the flow of text (horizontal‑tb, vertical‑rl, etc.).

Example: Bi‑directional layout

.container { writing-mode: horizontal-tb; }
.rtl { direction: rtl; }