column-count: integer | auto
|
<!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> |