multicol-span-all-rule-002-ref.html (955B)
1 <!DOCTYPE html> 2 <style> 3 section { 4 display: inline-block; 5 width: 100px; 6 height: 400px; 7 border: 2px solid purple; 8 columns: 2; 9 column-gap: 20px; 10 column-rule: 20px solid transparent; 11 } 12 13 .gap { 14 background-color: orange; 15 block-size: 10px; 16 } 17 18 .p { 19 block-size: 195px; 20 background-color: lightgreen; 21 } 22 </style> 23 24 <section> 25 <div class="p"></div> 26 <div class="gap"></div> 27 <div class="p"></div> 28 <div class="p"></div> 29 <div class="gap"></div> 30 <div class="p"></div> 31 </section> 32 33 <section> 34 <div class="p"></div> 35 <div class="gap"></div> 36 <div class="p"></div> 37 <div class="p"></div> 38 <div class="gap"></div> 39 <div class="p"></div> 40 </section> 41 42 <section> 43 <div class="p"></div> 44 <div class="gap"></div> 45 <div class="p"></div> 46 <div class="p"></div> 47 <div class="gap"></div> 48 <div class="p"></div> 49 </section> 50 51 <section> 52 <div class="p"></div> 53 <div class="gap"></div> 54 <div class="p"></div> 55 <div class="p"></div> 56 <div class="gap"></div> 57 <div class="p"></div> 58 </section>