การใช้งานคุณสมบัติ text-align ใน CSS

คุณสมบัติ text-align

คุณสมบัติ text-align ใช้จัดตำแหน่งข้อความของเอกสาร ค่าที่เป็นไปได้: left, right, center, justify

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อนำ text-align ไปใช้:

<html>
  <head>
  </head>
  <body>
    <p style="text-align:right;">
      This will be right aligned. </p>
    <p style="text-align:center;">
      This will be center aligned. </p>
    <p style="text-align:left;">
      This will be left aligned. </p>
  </body>
</html>

ค่าที่ใช้ได้:

• left - ชิดซ้าย (ค่าเริ่มต้น LTR)
• right - ชิดขวา
• center - จัดกึ่งกลาง
• justify - จัดให้กว้างเต็มขอบทั้งสองข้าง
• start/end - ตามทิศทางข้อความ (รองรับ RTL)
• match-parent - ตามพาเรนต์