Trong CSS (Cascading Style Sheets), căn chỉnh văn bản đề cập đến việc căn chỉnh văn bản theo chiều ngang trong một phần tử. Có một số thuộc tính mà bạn có thể sử dụng để kiểm soát việc căn chỉnh văn bản. Dưới đây là những cái chính:

1. text-align :

   • Thuộc tính này được sử dụng để đặt căn chỉnh theo chiều ngang của nội dung văn bản trong một phần tử.
   • Các giá trị có thể bao gồm:
     • left : Căn chỉnh văn bản sang trái.
     • right : Căn văn bản về bên phải.
     • center : Căn giữa văn bản theo chiều ngang.
     • justify : Căn đều văn bản, làm cho văn bản giãn ra sao cho các dòng văn bản căn chỉnh với cả cạnh trái và phải của vùng chứa.

    css
    p {
     text-align: center;
   }
   

2. vertical-align :

   • Mặc dù không dành riêng cho việc căn chỉnh văn bản, thuộc tính này có thể được sử dụng để căn chỉnh theo chiều dọc các phần tử nội tuyến hoặc khối nội tuyến bên trong phần tử chứa chúng.
   • Các giá trị bao gồm top , middle , bottom và các giá trị khác.

    css
    img {
     vertical-align: middle;
   }
   

3. line-height :

   • Thuộc tính này có thể gián tiếp ảnh hưởng đến việc căn chỉnh văn bản theo chiều dọc bằng cách chỉ định chiều cao của dòng văn bản. Nó có thể được sử dụng để căn giữa văn bản theo chiều dọc trong một vùng chứa.
   • Bạn có thể sử dụng số không có đơn vị, tỷ lệ phần trăm hoặc giá trị độ dài tuyệt đối.

    css
    p {
     line-height: 1.5; /* 150% of the font size */
   }
   

4. text-align-last :

   • Thuộc tính này được sử dụng để đặt căn chỉnh dòng cuối cùng của vùng chứa khối hoặc một dòng trước khi ngắt dòng bắt buộc khi thuộc tính text-align được đặt thành justify .

    css
    p {
     text-align: justify;
     text-align-last: center;
   }
   

Hãy nhớ rằng các thuộc tính này có thể được áp dụng cho nhiều thành phần HTML khác nhau như đoạn văn ( <p> ), tiêu đề ( <h1> đến <h6> ), v.v. Bạn cũng có thể áp dụng chúng cho các vùng chứa để tác động đến việc căn chỉnh các phần tử con của chúng. Thử nghiệm với các thuộc tính này sẽ giúp bạn đạt được bố cục văn bản mong muốn trong các trang web của mình.