หากต้องการจัดศูนย์องค์ประกอบ div ให้อยู่ตรงกลาง คุณสามารถใช้ "div style="text-align:center" " และจัด div ให้อยู่ตรงกลางได้ ให้ใช้ "div style="margin:0 auto" "
ในโค้ดของคุณ css ด้านบนจะถูกเขียนเป็น −
<div style="text-align:center;width: 300px;margin: 0 auto;border-style: dotted;"> <p>hi</p> </div>
ผลลัพธ์
