inline-list-ref.html (1721B)
1 <!DOCTYPE html> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <head> 7 <meta charset="utf-8"> 8 <title>CSS Reference: inline list-item</title> 9 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 10 <style> 11 html,body { 12 color:black; background-color:white; font:14px/1 monospace; padding:0; margin:0; 13 } 14 ol,ul,li { margin:0; padding:0; } 15 body { margin-left: 40px; } 16 17 span { border: 1px solid; } 18 li { display: list-item; list-style-position: inside; } 19 20 .wrap { width: 22ch; } 21 ib { display:inline-block; } 22 </style> 23 </head> 24 <body> 25 26 <div class="wrap"> 27 <span><ib><li>A</li></ib> A A A A A A A A A A A A A A A A A A A </span><span style="white-space:pre"><ib><li value=2></li></ib>B</span> 28 29 <ol> 30 <span><ib><li>A</li></ib> A A A A A A A A A A A A A A A A A A A </span><span><ib><li>B</li></ib></span> 31 <span><ib><li>C</li></ib></span> 32 </ol> 33 34 <ol style="display:inline"> 35 <span><ib><li>A</li></ib> A A A A A A A A A A A A A A A A A A A </span><span><ib><li>B</li></ib></span> 36 <span><ib><li>C</li></ib></span></ol><ol style="display:inline"> 37 <span><ib><li>A</li></ib> A A A A A A A A A A A A A A A A A A A </span><span><ib><li></li></ib>B<ol> 38 <span><ib><li>a</li></ib> a a a a a a a a a a a a a a a a a a a </span><span><ib><li>b</li></ib></span> 39 </ol></li></ib></span> 40 <span><ib><li>C</li></ib></span> 41 </ol> 42 43 <ul> 44 <span><ib><li>A</li></ib> A A A A A A A A A A A A A A A A A A A </span><span><x style="white-space:pre"><ib><li></li></ib>B</x> <ol style="display:inline"><span><ib><li>a</li></ib> a a a a a a a a a a a a a a a a a a a </span><span><ib><li>b</li></ib></span> 45 </ol></span><span><ib><li>C</li></ib></span> 46 </ul> 47 </div> 48 49 </body>