flow 2 columns of text automatically with CSS

by

Use CSS3

.container {
   -webkit-column-count: 2;
      -moz-column-count: 2;
           column-count: 2;

   -webkit-column-gap: 20px;
      -moz-column-gap: 20px;
           column-gap: 20px;
}

Browser Support

  • Chrome 4.0+ (-webkit-)
  • IE 10.0+
  • Firefox 2.0+ (-moz-)
  • Safari 3.1+ (-webkit-)
  • Opera 15.0+ (-webkit-)

More Related Contents:

  1. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  2. How to force browser to show image 3 inches wide?
  3. Hover over image to get a box with multiple links in html/JavaScript
  4. Reloading a single div in an html page [closed]
  5. How do you inject this code into HTML using Javascript?
  6. fixing slider on my website [closed]
  7. Full-screen iframe with a height of 100%
  8. How To Get Font Size in HTML
  9. Simulation background-size: cover in canvas
  10. How to select nth line of text (CSS/JS)
  11. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  12. execCommand() is now obsolete, what’s the alternative?
  13. How to create a custom scrollbar on a div (Facebook style)
  14. How to get all the applied styles of an element by just giving its id?
  15. How to develop Desktop Apps using HTML/CSS/JavaScript? [closed]
  16. How to add background-image using ngStyle (angular2)?
  17. Change the style of an entire CSS class using javascript
  18. Scale a div to fit in window but preserve aspect ratio
  19. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  20. css position absolute making the textbox go down
  21. jQuery in Chrome returns “block” instead of “inline”
  22. How do you float elements without a vertical gap?
  23. Trigger CSS Animations in JavaScript
  24. Dynamically change the size of the font size based on text length
  25. Detect browser wrapped lines via javascript
  26. Multiple read more / read less sections are not working on a page
  27. How can I dynamically highlight strings on a web page?
  28. Is it possible to make input fields read-only through CSS?
  29. Freeze Header until Irrelevant (HTML, CSS and JS)
  30. Bootstrap Dropdown menu is not working

Leave a Comment