Cách thiết lập hướng văn bản (text direction) cho phần tử trong HTML?

Sử dụng thuộc tính dir để đặt hướng văn bản: ltr (trái sang phải, mặc định), rtl (phải sang trái), auto (trình duyệt đoán theo ký tự đầu).

Ví dụ

<!DOCTYPE html>
<html>
  <body>
    <p>Văn bản từ trái sang phải (mặc định).</p>
    <p dir="rtl">Văn bản từ phải sang trái (Arabic, Hebrew...).</p>
    <p dir="auto">مرحبا بالعالم</p>
  </body>
</html>

Áp dụng

• Toàn trang: <html dir="rtl"> hoặc <body dir="rtl">
• Phần tử cụ thể: <p dir="rtl">, <span dir="rtl">
• Kết hợp với CSS direction: rtl; và unicode-bidi cho kiểm soát chi tiết.

Lưu ý

• dir là global attribute — dùng được trên mọi phần tử.
• Ảnh hưởng cả thứ tự hiển thị punctuation, số, nested direction.
• Dùng <bdi> để tách hướng văn bản con không ảnh hưởng cha.