multicol-span-all-dynamic-add-010-ref.html (676B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Multi-column Layout Test Reference: Append a block containing a spanner kid. The spanner kid should correctly span across all columns.</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 <div>block1</div> 24 <div><h3>spanner</h3>block2</div> 25 </article> 26 </body> 27 </html>