0Pricing
CSS Academy · Lesson

Block and Inline Directions

Learn the block and inline flow directions and how they map to vertical and horizontal axes.

Block Direction

The block direction is the direction in which block-level boxes are stacked. In horizontal writing systems (LTR/RTL), the block direction is top-to-bottom. In vertical writing modes, it changes to left-to-right or right-to-left.

Inline Direction

The inline direction is the direction text flows within a line. In LTR languages, inline direction is left-to-right. In RTL, it is right-to-left. In vertical writing modes, it becomes top-to-bottom.

All lessons in this course

  1. Why Logical Properties: Internationalization
  2. Block and Inline Directions
  3. Logical Margin Padding and Border
  4. Logical Properties in RTL Layouts
← Back to CSS Academy