CSS Logical Properties for International and Flexible Layouts
CSS traditionally describes spacing and borders with physical directions such as left, right, top, and bottom. That works until a component must support right-to-left text or a writing mode where the inline direction is not horizontal.
Logical properties describe layout relative to the flow of text. They make components more adaptable without maintaining a second set of directional overrides.
Physical versus logical directions In a typical English document, the inline axis runs from left to right and the block axis runs from top to bottom. Logical properties name those axes instead of assuming screen directions.
