CSS3 multi-column layouts Examples

First Page
<!DOCTYPE html>
<html>
   <head>
      <title>CSS3 multi-column layouts Examples</title>
      <style type="text/css">
         p {
            -webkit-column-count: 3;  
            -moz-column-count: 3;  
            column-count: 3;  
         }
      </style>
   </head>
   <body>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
      Ut bibendum nisi egestas suscipit gravida. Sed velit nisl, 
      tristique sed dui mollis, porta tempus ligula..

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
      Ut bibendum nisi egestas suscipit gravida. Sed velit nisl, 
      tristique sed dui mollis, porta tempus ligula..

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
      Ut bibendum nisi egestas suscipit gravida. Sed velit nisl, 
      tristique sed dui mollis, porta tempus ligula..

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
      Ut bibendum nisi egestas suscipit gravida. Sed velit nisl, 
      tristique sed dui mollis, porta tempus ligula..

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
      Ut bibendum nisi egestas suscipit gravida. Sed velit nisl, 
      tristique sed dui mollis, porta tempus ligula..</p>
   </body>
</html>
Output

First Page