multicol-span-all-list-item-001-ref.html (1204B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Multi-column Layout Test Reference: columns with list-item and column-span</title> 5 <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> 6 <link rel="author" title="Mozilla" href="http://www.mozilla.org/"> 7 8 <style> 9 li { 10 width: 300px; 11 outline: 1px solid black; 12 margin-bottom: 1em; 13 } 14 h3 { 15 outline: 1px solid blue; 16 margin: 0; 17 } 18 </style> 19 20 <body> 21 <ul> 22 <li style="list-style-position: outside;"> 23 <div>bullet outside</div> 24 <h3>spanner</h3> 25 </li> 26 <li style="list-style-position: inside;"> 27 bullet inside 28 <h3>spanner</h3> 29 </li> 30 <li style="list-style-position: outside;"> 31 <h3>spanner (bullet outside)</h3> 32 </li> 33 <li style="list-style-position: inside;"> 34 <h3>spanner (bullet inside)</h3> 35 </li> 36 <li style="list-style-position: outside;"> 37 <div> 38 <h3>nested spanner (bullet outside)</h3> 39 </div> 40 </li> 41 <li style="list-style-position: inside;"> 42 <div> 43 <h3>nested spanner (bullet inside)</h3> 44 </div> 45 </li> 46 </ul> 47 </body> 48 </html>