Générateur de multi-colonnes en CSS3
Référencé par Design Hack | 20+ Free CSS3 Code Generators
Résultat
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent fringilla ultricies nisi, at pulvinar elit accumsan et. Suspendisse sem est, consectetur eu pulvinar ac, sollicitudin quis mi. In massa dui, lacinia id vestibulum pellentesque, vulputate ut elit. Aenean egestas ultricies augue, vel dignissim lorem rhoncus eget. Vestibulum dui orci, laoreet ac feugiat id, facilisis eget dolor. Aliquam eu elit eu sapien suscipit sodales at at quam. Nunc leo libero, eleifend nec dictum eu, luctus in odio. Ut pretium dolor sed sapien vulputate euismod commodo nisi posuere. Vivamus ac mi vitae dui vehicula rhoncus. Praesent iaculis lacinia consectetur.
Code à copier
-moz-column-count: 4;
-webkit-column-count: 4;
-o-column-count: 4;
column-count: 4;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
-o-column-gap: 20px;
column-gap: 20px;
-moz-column-rule: 1px dotted #cbcefb;
-webkit-column-rule: 1px dotted #cbcefb;
-o-column-rule: 1px dotted #cbcefb;
column-rule: 1px dotted #cbcefb;
-webkit-column-count: 4;
-o-column-count: 4;
column-count: 4;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
-o-column-gap: 20px;
column-gap: 20px;
-moz-column-rule: 1px dotted #cbcefb;
-webkit-column-rule: 1px dotted #cbcefb;
-o-column-rule: 1px dotted #cbcefb;
column-rule: 1px dotted #cbcefb;