CSS จัดตําแหน่งข้อความ ซ้าย ตรงกลาง ขวา ด้วย text-align

สอนเขียน CSS จัดตําแหน่งข้อความ ซ้าย ตรงกลาง ขวา ด้วย text-align โดยกำหนดค่าเป็น left สำหรับทางซ้าย และ right สำหรับทางขวา และ center สำหรับตรงกลาง ด้วยภาษา CSS สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง CSS จัดตําแหน่งข้อความ ซ้าย ตรงกลาง ขวา ด้วย text-align

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

<div class="left">Hello Monday</div>
<div class="center">Hello Tuesday</div>
<div class="right">Hello wednesday</div>

CSS จัดตําแหน่งข้อความ แนะนำให้ใช้คำสั่ง text-align กำหนดค่า left สำหรับทางซ้าย และ right สำหรับทางขวา และสุดท้าย center สำหรับตรงกลาง