inline-block-list-ref.html (1379B)
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 flow-root 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 li { border: 1px solid; display: list-item; } 18 19 .wrap { width: 22ch; } 20 .m { width: fit-content; } 21 ib { display:inline-block; } 22 </style> 23 </head> 24 <body> 25 26 <div class="wrap"> 27 <li>A A A A A A A A A A A A A A A A A A A A </li> 28 <li class=m>B</li> 29 30 <ol> 31 <li>A A A A A A A A A A A A A A A A A A A A </li> 32 <ib><li class=m>B</li></ib> 33 <ib><li class=m>C</li></ib> 34 </ol> 35 36 <ol style="display:inline"> 37 <ib><li>A A A A A A A A A A A A A A A A A A A A </li></ib> 38 <ib><li class=m>B</li></ib> 39 <ib><li class=m>C</li></ib> 40 </ol> 41 42 <ol style="display:inline"> 43 <li>A A A A A A A A A A A A A A A A A A A A </li> 44 <li>B<ol> 45 <li>a a a a a a a a a a a a a a a a a a a a </li> 46 <li class=m>b</li> 47 </ol></li> 48 <li class=m>C</li> 49 </ol> 50 51 <ul> 52 <li>A A A A A A A A A A A A A A A A A A A A </li> 53 <li>B<ol style="display:inline"> 54 <li>a a a a a a a a a a a a a a a a a a a a </li> 55 <li class=m>b</li> 56 </ol></li> 57 <li class=m>C</li> 58 </ul> 59 </div> 60 61 </body>