Ajax Loader
×

Multiple Columns with CSS3 Multi-Column Layout

The multi column layout is a part of the CSS3 specification.

Sometimes we have long pieces of text in paragraphs, or a huge list of items or other blocks that we want to break into multiple columns.

Using extra HTML elements for that can be really messy, so here comes the multi column module to our rescue! Multi-columns CSS properties can be used to break long pieces of text or lists into multiple columns pretty easily! We dont have to use any extra elements which means our markup remains clean and its all good for accessibility too!

Spec URL: http://www.w3.org/TR/css3-multicol/
Browser Support: http://caniuse.com/#search=column

Note: At this moment you need the vendor prefixes -webkit, -moz but I'll be using prefixfree to keep it all clean.

Related:


    Warning: Invalid argument supplied for foreach() in /var/www/cssdeck.com/app/modules/labs/views/_details.php on line 68
×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Multiple Columns with CSS3 Multi-Column Layout

    CSSDeck G+