Cách đặt căn chỉnh ngang văn bản (textAlign) bằng JavaScript

Thuộc tính textAlign kiểm soát căn chỉnh ngang của nội dung dòng (inline content) bên trong một block container. Giá trị phổ biến: left, right, center, justify, start, end.

Ví dụ minh họa

Mã sau căn đoạn văn sang phải khi nhấn nút:

<!DOCTYPE html>
<html>
<body>
  <p id="myText">Đây là văn bản demo</p>
  <button onclick="setAlignRight()">Căn phải</button>
  <script>
    function setAlignRight() {
      document.getElementById("myText").style.textAlign = "right";
    }
  </script>
</body>
</html>

Các giá trị chính

Giá trị	Mô tả	Lưu ý
`left`	Căn trái	Mặc định cho LTR
`right`	Căn phải	Mặc định cho RTL
`center`	Căn giữa	Căn giữa theo chiều ngang
`justify`	Căn đều 2 bên	Kéo dãn từ để lấp đầy dòng (trừ dòng cuối)
`start`	Căn đầu dòng	Tương đương left (LTR) / right (RTL)
`end`	Căn cuối dòng	Tương đương right (LTR) / left (RTL)
`match-parent`	Kế thừa từ parent	Tính theo direction của parent

Lưu ý:

textAlign áp dụng cho nội dung con (inline, inline-block, text), không căn chính phần tử block đó.
Để căn giữa một block element, dùng margin: 0 auto (với width cố định) hoặc Flexbox/Grid.
start/end tốt hơn left/right cho đa ngôn ngữ (hỗ trợ RTL).