Posted By

kawohi on 09/18/10


Tagged

css CSS3


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

jearley
Bonik


Multi-Column Content W/ CSS


 / Published in: CSS
 

Instead of extra mark-up and floats to create stylish columns of content we can now use CSS to do the latter. This works in Firefox, Webkit Browsers and IE9.

  1. .multiple-columns {
  2. column-count: 3;
  3. column-gap: 30px;
  4. -moz-column-count: 3;
  5. -moz-column-gap: 30px;
  6. -webkit-column-count: 3;
  7. -webkit-column-gap: 30px;
  8. }

Report this snippet  

You need to login to post a comment.