multicol-span-all-dynamic-add-007-ref.html (727B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Multi-column Layout Test Reference: Append the block to the inline element which contains "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 #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 id="span"> 24 inline1 25 <h3>spanner</h3> 26 <div>block1</div> 27 inline2 28 <div>block2</div> 29 </span> 30 </article> 31 </body> 32 </html>