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

คุณสมบัติ text-align กำหนด การจัดแนวข้อความ: ชิดซ้าย, ชิดขวา, กึ่งกลาง, ชิดขอบทั้งซ้ายและขวาพร้อมกัน (justify)

ไวยากรณ์

cssselector {
  text-align: center | left | right | justify | auto | start | end;
}

ค่าต่างๆ

ค่าเริ่มต้น: auto ในกรณีส่วนใหญ่ โดยค่าเริ่มต้นข้อความจะถูกจัด ชิดซ้าย (ในภาษาอาหรับ - ชิดขวา) อย่างไรก็ตาม มีข้อยกเว้น เช่น ข้อความ ใน th จะถูกจัดกึ่งกลาง

ตัวอย่าง . ค่า left

html<p>
  some long text
</p>

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

Результат:

ตัวอย่าง . ค่า right

html<p>
  some long text
</p>

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

Результат:

ตัวอย่าง . ค่า center

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

cssp {
  text-align: center;
}

Результат:

ตัวอย่าง . ค่า justify

html<p>
  some long text
</p>

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

Результат: