css3 multiple column layout

0

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

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-

HTML Code

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
[/stextbox]

View css3 multiple column layout Demo

Share.

About Author

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.