จัดตำแหน่ง div ให้อยู่ตรงกลาง ชิดขวา ชิดซ้าย

สอนเขียนจัดตำแหน่ง div ให้อยู่ตรงกลาง ชิดขวา ชิดซ้าย ด้วยคำสั่ง text-align ของภาษา CSS โดยคำสั่งนี้สามารถจัดตำแหน่ง div ให้อยู่ในตำแหน่งที่ต้องการได้ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง จัดตำแหน่ง div ให้อยู่ตรงกลาง ชิดขวา ชิดซ้าย

<div style="width:100%; text-align:center;">
    <div>ตรงกลาง</div>
</div>

<div style="width:100%; text-align:right;">
    <div>ชิดขวา</div>
</div>

<div style="width:100%; text-align:left;">
    <div>ชิดซ้าย</div>
</div>

โค้ดด้านบนจัดตำแหน่ง div ด้วยคำสั่ง text-align ของ CSS สำหรับจัดตำแหน่ง div ให้อยู่ตรงกลางใช้คำสั่ง text-align: center และชิดขวาใช้คำสั่ง text-align: right และชิดซ้าย text-align: left