Học web chuẩn

Ví dụ về thuộc tính text-align

Thuộc tính text-align

Thuộc tính text-align : sắp xếp các nội dung theo chiều ngang.

text-align: left;

Sắp nội dung theo chiều ngang nằm về bên trái, đây là dạng mặc định.

<html>
<head>
<style type="text/css">
p {
    text-align: left;
}
</style>
</head>

<body>
<p>text align left</p>
</body>
</html>

text align left

Đầu trang

text-align: right;

Sắp nội dung theo chiều ngang nằm về bên phải.

<html>
<head>
<style type="text/css">
p {
    text-align: right;
}
</style>
</head>

<body>
<p>text align right</p>
</body>
</html>

text align right

Đầu trang

text-align: center;

Sắp nội dung theo chiều ngang nằm giữa.

<html>
<head>
<style type="text/css">
p {
    text-align: center;
}
</style>
</head>

<body>
<p>text align center</p>
</body>
</html>

text align center

Đầu trang

text-align: justify;

Sắp xếp nội dung cho các dòng có chiều rộng bằng nhau.

<html>
<head>
<style type="text/css">
p {
    text-align: justify;
    width: 200px;
}
</style>
</head>

<body>
<p>text align justify : Sắp xếp nội dung cho các dòng có chiều rộng bằng nhau, điều
 này có nghĩa là trình duyệt sẽ tự động canh đều các dòng nội dung sao cho tất cả các 
 dòng nội dung đều có cùng chiều rộng.</p>
</body>
</html>

text align justify : Sắp xếp nội dung cho các dòng có chiều rộng bằng nhau, điều này có nghĩa là trình duyệt sẽ tự động canh đều các dòng nội dung sao cho tất cả các dòng nội dung đều có cùng chiều rộng.

Đầu trang