Thẻ <center> trong HTML

Giới thiệu

Thẻ <center> trong HTML cũ dùng để căn giữa nội dung (văn bản, bảng, hình ảnh) theo chiều ngang.

Lưu ý: Thẻ <center> không được hỗ trợ trong HTML5. Hãy sử dụng CSS: text-align: center cho văn bản, margin: 0 auto cho block element, hoặc Flexbox/Grid.

Ví dụ (chỉ tham khảo lịch sử)

<!DOCTYPE html>
<html>
<head>
  <style> table, th, td { border: 2px solid blue; } </style>
</head>
<body>
  <table>
    <center>Bảng tính ngân sách</center>
    <caption>Chi phí</caption>
    <tr><th>Miền</th><th>Chi phí</th></tr>
    <tr><td>Phát triển sản phẩm</td><td>500000</td></tr>
    <tr><td>Marketing</td><td>500000</td></tr>
    <tr><td>Dịch vụ</td><td>100000</td></tr>
    <tr><td>Hỗ trợ</td><td>100000</td></tr>
    <tr><td>Bảo trì</td><td>100000</td></tr>
    <tr><td colspan="2">Tổng = 1.300.000</td></tr>
  </table>
</body>
</html>

Kết quả hiển thị

Dòng chữ "Bảng tính ngân sách" được căn giữa bên trên bảng.