advanced code snippet search

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.

Expand | Embed | Plain Text 
  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.