inline-list-marker-ref.html (1428B)
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 with ::marker</title> 9 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 10 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1696712"> 11 <style> 12 html,body { 13 color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0; 14 } 15 ol,ul,li { margin:0; padding:0; } 16 body { margin-left: 40px; } 17 18 span { border: 1px solid; } 19 .wrap { width: 22ch; } 20 ib { display:inline-block; } 21 </style> 22 </head> 23 <body> 24 25 <div class="wrap"> 26 <span>1 A A A A A A A A A A A A A A A A A A A A </span><span>2 B</span> 27 28 <ol> 29 <span>1 A A A A A A A A A A A A A A A A A A A A </span><span>2 B</span> 30 <span>3 C</span> 31 </ol> 32 33 <ol style="display:inline"> 34 <span>1 A A A A A A A A A A A A A A A A A A A A </span><span>2 B</span> 35 <span>3 C</span> 36 </ol> 37 38 <ol style="display:inline"> 39 <span>1 A A A A A A A A A A A A A A A A A A A A </span><span>2 B<ol> 40 <span>2.1 a a a a a a a a a a a a a a a a a a a a </span><span>2.2 b</span> 41 </ol></span> 42 <span>3 C</span> 43 </ol> 44 45 <ul> 46 <span>1 A A A A A A A A A A A A A A A A A A A A </span><span>2 B 47 <ol style="display:inline"><span>2.1 a a a a a a a a a a a a a a a a a a a a </span><span>2.2 b</span> 48 </ol></span><span>3 C</span> 49 </ul> 50 </div> 51 52 </body>