multicol-span-all-restyle-001-ref.html (691B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Multi-column Layout Test Reference: Restyle column-span's parent that is a block</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: 1; 11 width: 400px; 12 outline: 1px solid black; 13 } 14 h3 { 15 column-span: all; 16 } 17 #div { 18 background-color: yellow; 19 } 20 </style> 21 22 <body> 23 <article id="column"> 24 <div id="div"> 25 <div>yellow block1</div> 26 <h3>spanner (no background-color)</h3> 27 <div>yellow block2</div> 28 </div> 29 </article> 30 </body> 31 </html>