Html
copy
reset
Run
Netbax Online Editor Try it Yourself
<style>#demo{ column-count:4; column-gap:9px; } .de1{border:1px solid #000; background-color:#c00; color:#fff; height:100px; } .de2{border:1px solid #000; background-color:#008000; color:#fff; height:100px; } .de3{border:1px solid #000; background-color:#007FFF; color:#fff; height:100px; } .de4{border:1px solid #000; background-color:#ff3800; color:#fff; height:100px; } </style> <div id="demo"> <div class="de1">column 1</div> <div class="de2">column 2</div> <div class="de3">column 3</div> <div class="de4">column 4</div></div>
