CSS จัดตำแหน่งข้อความ กึ่งกลาง ชิดขวา ชิดซ้าย

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

ตัวอย่าง CSS จัดตำแหน่งข้อความ กึ่งกลาง ชิดขวา ชิดซ้าย

<style>
    .center {
        text-align: center;
        width: 100%;
    }
    .right {
        text-align: right;
        width: 100%;
    }
    .left {
        text-align: left;
        width: 100%;
    }
</style>

<div class="center">
    CSS จัดตำแหน่งข้อความตรงกลาง
</div>

<div class="right">
    CSS จัดตำแหน่งข้อความชิดขวา
</div>

<div class="left">
    CSS จัดตำแหน่งข้อความชิดซ้าย
</div>