details-three-columns-ref.html (615B)
1 <!DOCTYPE html> 2 <!-- Any copyright is dedicated to the Public Domain. 3 - http://creativecommons.org/publicdomain/zero/1.0/ --> 4 5 <html> 6 <style> 7 summary { 8 background-color: lightgreen; 9 } 10 div#columns { 11 column-count: 3; 12 column-rule: 1px solid lightgray; 13 -webkit-column-count: 3; 14 -webkit-column-rule: 1px solid lightgray; 15 border: 1px solid lightblue; 16 } 17 </style> 18 <body> 19 <div id="columns"> 20 <summary>Summary</summary> 21 <p>line</p> 22 <p>line</p> 23 <p>line</p> 24 <p>line</p> 25 <p>line</p> 26 <p>line</p> 27 <p>line</p> 28 </div> 29 </body> 30 </html>