multi-column-1.html (531B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <style type="text/css"> 5 div { 6 color: #222; 7 padding: 10px; 8 border: 2px solid; 9 position:relative; 10 11 width:10em; 12 column-count:2; 13 -webkit-column-count:2; 14 } 15 16 h2, h3 {position:absolute; width:3em; background: #f00; color:#fff;} 17 h2 { top: 0; left: 0; } 18 h3 { bottom: 0; right: 0; } 19 20 p, h2, h3 {margin:0;} 21 p { visibility: hidden; } 22 </style> 23 </head> 24 <body> 25 <div> 26 <h2>Test</h2> 27 <h3>Test</h3> 28 <p>XXX<br>XXXX<br>XXX<br>XXXX<br>XXX<br>XXXX<br>XXX<br>XXXX<br>XXX<br>XXXX<br> </p> 29 </div> 30 </body> 31 </html>