column-sibling-1a.html (393B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style type="text/css"> 5 #block1, #block2 { 6 height: 20px; 7 background-color: orange; 8 } 9 #block1 { 10 margin-bottom: 10px; 11 } 12 #multi-column { 13 column-count: 1; 14 height: 20px; 15 margin: 20px 0; 16 background-color: blue; 17 } 18 #block2 { 19 margin-top: 10px; 20 } 21 </style> 22 </head> 23 <body> 24 <div id="block1"></div> 25 <div id="multi-column"></div> 26 <div id="block2"></div> 27 </body> 28 </html>