ปัญหาหลักที่เกี่ยวข้องกับการรวมองค์ประกอบ HTML ไว้ตรงกลางคือการยากที่จะได้ผลลัพธ์ที่สอดคล้องกันในเบราว์เซอร์ต่างๆ นี่เป็นเพราะแต่ละเบราว์เซอร์มีการตีความของตนเองว่าควรจัดองค์ประกอบให้อยู่กึ่งกลางอย่างไร และมีวิธีการต่างๆ สำหรับจัดองค์ประกอบให้อยู่กึ่งกลาง นอกจากนี้ เบราว์เซอร์รุ่นเก่าบางรุ่นอาจไม่รองรับวิธีการจัดองค์ประกอบ HTML ที่ทันสมัยกว่านี้
<p align="center">This text is centered.</p>
1. โค้ดบรรทัดนี้กำหนดการจัดข้อความให้อยู่กึ่งกลาง แท็ก HTML
ระบุว่านี่คือองค์ประกอบย่อหน้า และแอตทริบิวต์ align=”center” ตั้งค่าการจัดตำแหน่งของข้อความภายในองค์ประกอบนั้นให้อยู่กึ่งกลาง
2. โค้ดบรรทัดนี้แสดงข้อความ “This text is centered” ในหน้าต่างเบราว์เซอร์ โดยจัดตำแหน่งให้อยู่กึ่งกลางตามที่ระบุในบรรทัดที่ 1
จัดแอตทริบิวต์
พื้นที่
align แอตทริบิวต์ใช้เพื่อกำหนดการจัดตำแหน่งของย่อหน้าใน HTML สามารถใช้เพื่อตั้งค่าการจัดแนวข้อความภายในย่อหน้า เช่นเดียวกับการจัดแนวทั้งย่อหน้าในหน้า ค่าที่เป็นไปได้สำหรับแอตทริบิวต์นี้คือ ซ้าย ขวา กึ่งกลาง จัดชิดขอบ และสืบทอด เหลือค่าเริ่มต้นไว้
เมื่อใช้แอตทริบิวต์จัดตำแหน่งกับข้อความภายในย่อหน้า จะทำให้ข้อความทุกบรรทัดในย่อหน้านั้นเรียงตามค่าที่ระบุ ตัวอย่างเช่น:
ข้อความบรรทัดนี้จะอยู่กึ่งกลาง
ซึ่งจะทำให้บรรทัดข้อความทั้งหมดภายในย่อหน้านี้อยู่กึ่งกลางหน้า
เมื่อใช้แอตทริบิวต์ align กับทั้งย่อหน้า จะทำให้ย่อหน้านั้นสอดคล้องตามค่าที่ระบุ ตัวอย่างเช่น:
ข้อความทั้งบรรทัดนี้จะจัดชิดขวา
ซึ่งจะทำให้ข้อความบรรทัดนี้โดยเฉพาะ (และเนื้อหาอื่นๆ ที่อยู่ในนั้น) จัดชิดขวาบนหน้า
วิธีตั้งค่าการจัดตำแหน่งข้อความใน HTML
การตั้งค่าการจัดตำแหน่งข้อความใน HTML ทำได้โดยใช้แอตทริบิวต์ style แอตทริบิวต์ style ระบุสไตล์อินไลน์สำหรับองค์ประกอบ
หากต้องการตั้งค่าการจัดตำแหน่งข้อความใน HTML ให้ใช้แอตทริบิวต์ style และคุณสมบัติ text-align คุณสมบัติจัดข้อความระบุการจัดตำแหน่งแนวนอนของข้อความในองค์ประกอบ
ตัวอย่างต่อไปนี้แสดงวิธีตั้งค่าการจัดชิดซ้าย ขวา กึ่งกลาง และจัดชิดขอบสำหรับย่อหน้า:
นี้จัดชิดซ้าย
นี่จัดชิดขวา
นี่คือการจัดกึ่งกลาง
นี่เป็นธรรม
