Explaining the use of column layout in CSS:-

CSS column layout is helpful for dividing the text into columns. For example: The text in magazine/newspaper you have been generally come across the big text is divided into column with a colorful border in between the text. This feature will be helpful by using HTML 5 column layout.

• To implement the code of column layout we need to divide the text into 3 columns.

-webkit-column-count:3; (used for Chrome and Safari)
     or
column-count:3;

• To implement gap between the columns

-webkit-column-gap:50px;  (used for Chrome and Safari)
      or
column-gap:20px;

• To use thick-line between the column

-webkit-column-rule:5px outset #ccc; (used for Chrome and Safari)
           or
column-rule:6px outset #ccc;