เพื่อจัด div element ให้อยู่กึ่งกลาง สามารถใช้ 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>
ผลลัพธ์
