gap-decorations-004-ref.html (670B)
1 <!DOCTYPE html> 2 <style> 3 body { 4 margin: 0px; 5 } 6 #current { 7 columns: 6; 8 column-gap: 2px; 9 column-rule-style: solid; 10 column-rule-width: 2px; 11 column-fill: auto; 12 height: 20px; 13 column-rule-color: hotpink; 14 width: 72px; 15 height: 20px; 16 } 17 .items { 18 background-color: lightgreen; 19 height: 20px 20 } 21 </style> 22 <body> 23 <div id="current"> 24 <div class="items"></div> 25 <div class="items"></div> 26 <div class="items"></div> 27 <div class="items"></div> 28 <div class="items"></div> 29 <div class="items"></div> 30 </div> 31 </body> 32 </html>