css3 multiple column layout

How to create css3 multiple column layout?In this post is describing how to create multiple column layout using CSS3.This is the easy and quick method to create css3 multiple column layout.Look at this diagram, then you can get better idea about this.


css3 multiple column layout Compatible Browsers

Browser Compatible versions Prefix
20x20firefox 5+ -moz
20x20chrome 12+ -webkit
Internet Explorer 10+ -ms
Safari 3.2+ -webkit
Opera 11.1+ -o-


Applying css3 multiple column styles

[stextbox id=”info”]
column-count – Number of columns
column-gap – Space between each columns
column-rule – Just like a ruler between columns

View css3 multiple column layout Demo

Published by

Sumith Harshan

Sumith Harshan is the Web Engineer Specializes in Java Script, JQuery, HTML4/5, CSS2/3, PHP, CodeIgniter, CakePHP, J2SE, J2EE, XML, Hacking & Security, Mobile Interface Developing, Magento, Wordpress, Joomla, Drupal,PHPBB,Facebook App Developing and Open cart...etc.