list-style-position-quirks-mode-ref.html (662B)
1 <!DOCTYPE html> 2 <style> 3 body { 4 /* Increase left margin to ensure we can see the list item's marker. */ 5 margin-left: 50px; 6 } 7 .wrapper { 8 border: 2px solid teal; 9 width: max-content; 10 margin-bottom: 2px; 11 } 12 </style> 13 <div class="wrapper"> 14 <li style="list-style-position: inside">unspecified</li> 15 <li style="list-style-position: outside">outside</li> 16 <li style="list-style-position: outside">initial</li> 17 <li style="list-style-position: outside">inherit</li> 18 <li style="list-style-position: outside">unset</li> 19 <li style="list-style-position: inside">revert</li> 20 <li style="list-style-position: inside">revert-layer</li> 21 </div>