Devdit
 

HTML ตัวอักษรอยู่ตรงกลางหน้าเว็บไซต์

2K

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

 

ตัวอย่าง HTML ตัวอักษรอยู่ตรงกลางหน้าเว็บไซต์

<center>ตัวอักษรอยู่ตรงกลาง</center>
<div style="text-align: center">ตัวอักษรอยู่ตรงกลาง</div>

คำอธิบาย

HTML ตัวอักษรอยู่ตรงกลางหน้าเว็บไซต์ จากตัวอย่างมี 2 วิธีคือใช้แท็ก center และคำสั่ง text-align ของ CSS มีรายละเอียดดังนี้

1. แท็ก center กำหนดข้อความไว้ภายในแท็กดังกล่าว

2. คำสั่ง text-align: กำหนดค่าเป็น center โดยเขียนไว้ภายใน attribute style

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ