Ví Dụ Về Thuộc Tính Text-align

Trang chủ » Căn Lề 2 Bên Html » Ví Dụ Về Thuộc Tính Text-align

Có thể bạn quan tâm

Ví dụ về thuộc tính text-align
  • Trang chủ
  • Tham khảo
  • CSS
  • 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

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

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

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.

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

  • text-align
  • text-align: left;
  • text-align: right;
  • text-align: center;
  • text-align: justify;

Từ khóa » Căn Lề 2 Bên Html