วิธีตั้งค่าการจัดตำแหน่งตามองค์ประกอบรอบข้างใน HTML

ใช้แอตทริบิวต์ align เพื่อตั้งค่าการจัดตำแหน่ง คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ align ใน HTML:

หมายเหตุ: แอตทริบิวต์ align Deprecated ใน HTML5 ควรใช้ CSS แทน

ตัวอย่าง

<!DOCTYPE html> 
<html> 
  <body> 
    <p align="right">ย่อหน้าจัดชิดขวา</p> 
    <p><b>หมายเหตุ:</b> แอตทริบิวต์ align ไม่รองรับใน HTML5 ใช้ CSS แทน</p> 
  </body> 
</html>

วิธีที่แนะนำ (ใช้ CSS)

<!DOCTYPE html> 
<html> 
  <head> 
    <style> 
      .text-right { text-align: right; }
      .text-left { text-align: left; }
      .text-center { text-align: center; }
      .text-justify { text-align: justify; }
    </style> 
  </head> 
  <body> 
    <p class="text-right">จัดชิดขวาด้วย CSS</p> 
    <p class="text-center">จัดกึ่งกลางด้วย CSS</p> 
  </body> 
</html>

CSS ให้ความควบคุมมากกว่า รองรับ responsive design และแยกเนื้อหากับการจัดรูปแบบ