หากต้องการกำหนดเครื่องหมายนอกกรอบที่มีสัญลักษณ์แสดงหัวข้อย่อย ให้ใช้ list-style-position คุณสมบัติที่มีค่าภายนอก .
ตัวอย่าง
ภายนอก value หมายถึง ถ้าข้อความไปขึ้นบรรทัดที่สอง ข้อความจะอยู่ในแนวเดียวกับจุดเริ่มต้นของบรรทัดแรก
<html> <head> </head> <body> <ul style = "list-style-type:circle; list-style-position:outside;"> <li>Maths</li> <li>Social Science</li> <li>Physics</li> </ul> <ol style = "list-style-type:decimal;list-style-position:outside;"> <li>Maths</li> <li>Social Science</li> <li>Physics</li> </ol> </body> </html>