list-style-position-001-notref.html (1084B)
1 <!DOCTYPE HTML> 2 <meta charset="utf-8"> 3 <title>CSS Mismatch Reference Case</title> 4 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-lists-3/#propdef-list-style-position"> 6 <style> 7 body { 8 /* Increase left margin to ensure we can see the list item's marker. */ 9 margin-left: 50px; 10 } 11 .wrapper { 12 border: 2px solid teal; 13 width: max-content; 14 margin-bottom: 2px; 15 } 16 </style> 17 <div class="wrapper"> 18 <!-- In this mismatch-reference-case, we use explicit "inside" for all of 19 the pieces below, because that's how some browsers mistakenly render 20 the corresponding testcase: --> 21 <li style="list-style-position: inside">unspecified</li> 22 <li style="list-style-position: inside">outside</li> 23 <li style="list-style-position: inside">initial</li> 24 <li style="list-style-position: inside">inherit</li> 25 <li style="list-style-position: inside">unset</li> 26 <li style="list-style-position: inside">revert</li> 27 <li style="list-style-position: inside">revert-layer</li> 28 </div>