Sử dụng thuộc tính CSS text-align, chúng ta có thể đặt văn bản của một phần tử theo chiều ngang. Chúng tôi có thể đặt nó sang trái, phải, căn hoặc giữa.
Cú pháp
Cú pháp của thuộc tính CSS text-align như sau -
Selector {
text-align: /*value*/
} Ví dụ
Các ví dụ sau minh họa thuộc tính CSS text-align -
<!DOCTYPE html>
<html>
<head>
<style>
div {
margin: auto;
padding: 8px;
max-width: 200px;
border: thin solid;
}
p {
text-align: right;
}
div:nth-child(3) {
text-align: center;
}
div:last-child {
text-align: justify;
}
</style>
</head>
<body>
<h2>Student Examination Details</h2>
<div>
<div>Student John</div>
<div>
Student Tom
<p>Did not appeared for the exams.</p>
</div>
<div>Student Brad</div>
<div>Did not appeared for only the last exam.</div>
</div>
</body>
</html> Đầu ra
Điều này cho kết quả sau -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
td {
padding: 10px;
box-shadow: inset 0 0 21px yellow;
}
td:first-of-type {
text-align: right;
}
</style>
</head>
<body>
<h2>Demo Heading</h2>
<table>
<tr>
<td>This is it!</td>
</tr>
<tr>
<td>Well, this is a demo text!</td>
</tr>
</table>
</body>
</html> Đầu ra
Điều này cho kết quả sau -
