Try it Live - multiple column gap

​x
 
<!DOCTYPE html>
<html>
  <head>
    <style> 
     .col-gap {
      -webkit-column-count: 3; 
      -moz-column-count: 3; 
      column-count: 3;
      -webkit-column-gap: 50px; 
      -moz-column-gap: 50px; 
      column-gap: 50px;
      padding:10px;
      color:crimson;
     }
    </style>
  </head>
  <body>
    <h4 > Use column-gap property to give space or gap between continuous columns</h4>    
    <div class="col-gap">
      This is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using .
    </div>
  </body>
</html>
​