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)
To implement gap between the columns
-webkit-column-gap:50px; (used for Chrome and Safari)
To use thick-line between the column
-webkit-column-rule:5px outset #ccc; (used for Chrome and Safari)
column-rule:6px outset #ccc;