summary-three-columns.html (733B)
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 /* Hide the triangle for comparing with div in reftest. */ 9 list-style-type: none; 10 column-count: 3; 11 column-rule: 1px solid lightgray; 12 -webkit-column-count: 3; 13 -webkit-column-rule: 1px solid lightgray; 14 border: 1px solid lightblue; 15 background-color: lightgreen; 16 } 17 </style> 18 <body> 19 <details open> 20 <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 </summary> 29 <p>This is the details.</p> 30 </details> 31 </body> 32 </html>