Thuộc tính text-align trong định dạng văn bản bằng CSS

[endlesslove]

Thuộc tính text-align sẽ căn chỉnh nội dung trong tài liệu HTML về một hướng nhất định: canh trái, canh phải, canh giữa, canh đều.
Cú pháp như sau:

Mã: Chọn tất cả

text-align:right; /* Căn chỉnh nội dung sang phải. */
text-align:left; /* Căn chỉnh nội dung sang trái. */
text-align:center; /* Căn chỉnh nội dung ra giữa. */
text-align:justify; /* Căn đều. */ 

Ví dụ đơn giản:

Mã: Chọn tất cả

<style>
#align2{ text-align:right;}
</style>

<div id="align2">Canh nội dung sang phải</div> 

Ví dụ này canh nội dung của 2 cột sang phải, chiều rộng của mỗi cột là 50%
Viền màu đỏ, rộng 1px.

Mã: Chọn tất cả

<style>
#align4 td { width:50%; border:1px solid #FF0000; text-align: right; }
</style>
<table id="align4" width="100%">
<tr>
<td>Cột 1</td>
<td>Cột 2</td>
</tr>
</table>