CSS ข้อความอยู่ตรงกลาง div ด้วย text-align center

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

ตัวอย่าง CSS ข้อความอยู่ตรงกลาง div ด้วย text-align center

<style>
    .content {
        text-align: center;
        width: 200px;
        border: solid 1px blue;
    }
</style>

<div class="content">Hello, Devdit</div>

CSS ข้อความอยู่ตรงกลาง div แนะนำให้ใช้คำสั่ง text-align กำหนดค่าเป็น center โดยคำสั่งดังกล่าวสามารถกำหนดให้กับ elements อื่นๆ ได้เช่นเดียวกัน