CSS column-count Property

CSS column-count Property


CSS column-count Property
This property defines the number of columns in a multicolumn text flow. 
Syntax -
column-count: integer | auto 
 
where integer is a positive value for the number of columns to flow the text into. 
Now we will see the example -
Example -
<!DOCTYPE html>
<html>

<head>
  <style>
    .one {
      column-count: 2;
    }
  </style>
</head>

<body>
  <H1>This is column-count</H1>
  <p>below is a 2 column Lorem ipsum dolor sit amet consectetur</p>
  <div class="one">Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus voluptate libero labore tempora
    consequuntur consequatur saepe doloribus placeat minima ea. Sed eos quas incidunt nulla corporis modi labore a rem,
    quis quaerat aut, inventore cum non. Fugiat veniam porro quos magnam error quod maiores, eligendi voluptas mollitia
    vel, facilis, rem eum consequuntur. Natus, aliquid assumenda aliquam laboriosam facilis aperiam amet eaque ratione,
    quaerat quam ullam debitis provident expedita culpa voluptates nostrum ducimus dignissimos facere harum quasi eius
    perferendis quidem. Cum ullam reiciendis, ipsum tenetur id neque labore doloribus itaque. Tenetur necessitatibus
    assumenda nobis illum ducimus ad facere ipsum architecto </div>


</body>

</html>
Output -