Today I Learned - Rocky Kev

TIL RTL writing

POSTED ON:

TAGS: rtl accessibility

In English, the beginning of the line is on the left (LTR).
In Arabic, the beginning of the line is on the right (RTL).

/* INCORRECT */
.text {
  text-align: left;
}

.text {
   text-align: right;
}

/* CORRECT */
.text {
  text-align: start;
}

.text {
  text-align: end;
}

VIA:
https://developer.mozilla.org/en-US/docs/Web/CSS/direction
and
https://dev.to/melnik909/3-simple-css-tricks-to-improve-ux-4g29

Related TILs

Tagged: rtl

TIL writing modes

The 'writing-mode' CSS property determines if lines are laid our horizontally, or vertically. The direction is determined by the context of the direction of the content.

TIL RTL writing

TIL RTL writing