inline-list.html (1494B)
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 Test: inline list-item</title> 9 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 10 <link rel="help" href="https://drafts.csswg.org/css-lists-3/#declaring-a-list-item"> 11 <link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display"> 12 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1105868"> 13 <link rel="match" href="inline-list-ref.html"> 14 <style> 15 html,body { 16 color:black; background-color:white; font:14px/1 monospace; padding:0; margin:0; 17 } 18 ol,ul,li { margin:0; padding:0; } 19 body { margin-left: 40px; } 20 21 li { border: 1px solid; display: inline list-item; } 22 .wrap { width: 22ch; } 23 </style> 24 </head> 25 <body> 26 27 <div class="wrap"> 28 <li>A A A A A A A A A A A A A A A A A A A A </li> 29 <li>B</li> 30 31 <ol> 32 <li>A A A A A A A A A A A A A A A A A A A A </li> 33 <li>B</li> 34 <li>C</li> 35 </ol> 36 37 <ol style="display:inline"> 38 <li>A A A A A A A A A A A A A A A A A A A A </li> 39 <li>B</li> 40 <li>C</li> 41 </ol> 42 43 <ol style="display:inline"> 44 <li>A A A A A A A A A A A A A A A A A A A A </li> 45 <li>B<ol> 46 <li>a a a a a a a a a a a a a a a a a a a a </li> 47 <li>b</li> 48 </ol></li> 49 <li>C</li> 50 </ol> 51 52 <ul> 53 <li>A A A A A A A A A A A A A A A A A A A A </li> 54 <li>B<ol style="display:inline"> 55 <li>a a a a a a a a a a a a a a a a a a a a </li> 56 <li>b</li> 57 </ol></li> 58 <li>C</li> 59 </ul> 60 </div> 61 62 </body>