Cách thiết lập căn chỉnh theo phần tử xung quanh trong HTML?

Thuộc tính align từng được dùng để căn chỉnh phần tử (left, right, center, justify). Tuy nhiên, thuộc tính này đã bị deprecated trong HTML5 và không nên sử dụng.

Ví dụ (chỉ để tham khảo)

<!DOCTYPE html>
<html>
  <body>
    <p align="right">Đoạn văn căn phải.</p>
    <p><b>Lưu ý:</b> Thuộc tính align không được hỗ trợ trong HTML5. Hãy dùng CSS thay thế.</p>
  </body>
</html>

Cách hiện đại với CSS

Thay vào đó, hãy dùng CSS:

• Căn ngang: text-align: left | center | right | justify;
• Căn khối (block): margin-left: auto; margin-right: auto; (với width xác định)
• Flexbox/Grid cho bố cục phức tạp.

Ví dụ CSS

<!DOCTYPE html>
<html>
  <head>
    <style>
      .right { text-align: right; }
      .center { text-align: center; margin: 0 auto; width: 50%; }
    </style>
  </head>
  <body>
    <p class="right">Căn phải bằng CSS</p>
    <div class="center">Khối căn giữa</div>
  </body>
</html>