Để căn giữa văn bản trong ô bảng, hãy dùng thuộc tính CSS text-align. Thuộc tính align của thẻ <table> đã được dùng trước đây, nhưng HTML5 đã loại bỏ thuộc tính này. Đừng sử dụng. Hãy dùng CSS để căn chỉnh văn bản trong ô bảng. text-align sẽ áp dụng cho thẻ <td>.
Chúng ta dùng thuộc tính style để thêm CSS. Lưu ý: style sẽ ghi đè bất kỳ kiểu toàn cục nào.
Với text-align, bạn có thể căn trái, phải hoặc giữa cho ô bảng.
Ví dụ
Chạy mã sau để căn giữa văn bản trong ô bảng trong HTML:
<!DOCTYPE html> <html> <head> <style> table, td, th { border: 1px solid black; width: 300px; } </style> </head> <body> <h1>Our Technologies</h1> <table> <tr> <th>IDE</th> <th>Database</th> </tr> <tr> <td style="text-align:center">NetBeans</td> <td style="text-align:center">MySQL</td> </tr> </table> </body> </html>
Kết quả
