Tạo đoạn văn hướng phải sang trái (RTL) trong HTML5

Sử dụng thuộc tính dir="rtl" trên <p> (hoặc bất kỳ phần tử nào) để hiển thị văn bản từ phải sang trái. Phù hợp cho tiếng Ả Rập, Do Thái, Phần Lan, Urdu...

Ví dụ

<!DOCTYPE html>
<html>
  <body>
    <p dir="rtl">
      Đây là đoạn văn demo. Đây là đoạn văn demo.
      Đây là đoạn văn demo. Đây là đoạn văn demo.
    </p>
  </body>
</html>

Lưu ý

• dir="rtl" đảo ngược thứ tự hiển thị ký tự, punctuation, số.
• Kết hợp lang="ar" (Arabic), lang="he" (Hebrew) cho đúng ngữ nghĩa.
• Dùng <bdi> để nhúng văn bản RTL trong ngữ cảnh LTR mà không bị ảnh hưởng.

Ví dụ kết hợp

<p>Tiếng Việt: <bdi dir="rtl" lang="ar">مرحبا</bdi> (xin chào)</p>