summary-three-columns-ref.html (655B)
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-columns { 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 background-color: lightgreen; 14 } 15 </style> 16 <body> 17 <div> 18 <div class="summary-columns"> 19 <p>line</p> 20 <p>line</p> 21 <p>line</p> 22 <p>line</p> 23 <p>line</p> 24 <p>line</p> 25 <p>line</p> 26 </div> 27 <p>This is the details.</p> 28 </div> 29 </body> 30 </html>