details-three-columns.html (611B)
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 details { 8 column-count: 3; 9 column-rule: 1px solid lightgray; 10 -webkit-column-count: 3; 11 -webkit-column-rule: 1px solid lightgray; 12 border: 1px solid lightblue; 13 } 14 summary { 15 background-color: lightgreen; 16 } 17 </style> 18 <body> 19 <details open> 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 </details> 29 </body> 30 </html>