multicol-span-all-dynamic-remove-004-ref.html (684B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Multi-column Layout Test Reference: Remove the spanner with block siblings in an 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 h3 { 16 column-span: all; 17 outline: 1px solid blue; 18 } 19 </style> 20 21 <body> 22 <article id="column"> 23 <span> 24 inline1 25 <div>block1</div> 26 inline2 27 <div>block2</div> 28 </span> 29 </article> 30 </body> 31 </html>