multicol-dynamic-add-001-ref.html (589B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Multi-column Layout Test: Append a block to an empty inline element</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 #column { 10 column-count: 3; 11 column-rule: 6px solid; 12 width: 400px; 13 outline: 1px solid black; 14 } 15 div { 16 height: 300px; 17 background-color: yellow; 18 } 19 </style> 20 <body> 21 <article id="column"> 22 <span id="span"><div>block</div></span> 23 </article> 24 </body> 25 </html>