จัดตำแหน่งข้อความเอกสารด้วย CSS (text-align)

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

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

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อจัดตำแหน่งข้อความ:

<html>
  <head>
  </head>
  <body>
    <p style="text-align:right;">
      Asia is a continent. </p>
    <p style="text-align:center;">
      Asia is a continent. </p>
  </body>
</html>

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

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