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