details-three-columns.html (717B)
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 /* Hide the triangle for comparing with div in reftest. */ 16 list-style-type: none; 17 } 18 summary { 19 background-color: lightgreen; 20 } 21 </style> 22 <body> 23 <details open> 24 <summary>Summary</summary> 25 <p>line</p> 26 <p>line</p> 27 <p>line</p> 28 <p>line</p> 29 <p>line</p> 30 <p>line</p> 31 <p>line</p> 32 </details> 33 </body> 34 </html>