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