Thuộc tính text-align

Thuộc tính text-align thiết lập căn chỉnh văn bản: theo cạnh trái, theo cạnh phải, ở giữa, đồng thời theo cả cạnh trái và cạnh phải.

Cú pháp

cssbộ_chọn {
  text-align: center | left | right | justify | auto | start | end;
}

Giá trị

Giá trị	Mô tả
`center`	Văn bản sẽ được căn giữa.
`left`	Văn bản sẽ được căn trái.
`right`	Văn bản sẽ được căn phải.
`justify`	Văn bản sẽ được căn đều cả hai bên trái và phải.
`auto`	Không thay đổi căn chỉnh của phần tử (giá trị mặc định).
`start`	Bằng `left` nếu văn bản đi từ trái sang phải, và bằng `right`, khi văn bản đi từ phải sang trái (ví dụ: tiếng Ả Rập).
`end`	Bằng `right` nếu văn bản đi từ trái sang phải và bằng `left`, khi văn bản đi từ phải sang trái.

Giá trị mặc định: auto. Trong hầu hết trường hợp, theo mặc định văn bản được căn theo cạnh trái (trong tiếng Ả Rập - theo cạnh phải). Tuy nhiên, có những ngoại lệ, ví dụ, văn bản trong th sẽ được căn giữa.

Ví dụ . Giá trị left

html<p>
  some long text
</p>

cssp {
  text-align: left;
  width: 400px;
}

Результат:

Ví dụ . Giá trị right

html<p>
  some long text
</p>

cssp {
  text-align: right;
  width: 400px;
}

Результат:

Ví dụ . Giá trị center

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: center;
}

Результат:

Ví dụ . Giá trị justify

html<p>
  some long text
</p>

cssp {
  text-align: justify;
  width: 400px;
}

Результат: