MakeManyColumns

Summary: How to make columns on a page using CSS

Version: n/a

Prerequisites: Requires at least PmWiki version: 2.0 and (any other recipes); last tested on PmWiki version: 2.0

Status:

Maintainer:

Categories: Layout, CSS

Discussion: MakeManyColumns-Talk

Question

How to make many columns in a page

Answer

(:div style='text-align:justify; float:left; width:31%; padding-right:2%; padding-bottom:5px;':)
!!column 1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris a ante id leo ultricies lobortis. Curabitur non quam. Aenean semper felis vitae nulla. Sed tincidunt tincidunt mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis a diam eu turpis tristique ultrices. Maecenas consectetuer.
(:divend:)
(:div style='text-align:justify; float:left; width:31%; padding-right:2%; padding-bottom:5px;':)
!!Column 2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris a ante id leo ultricies lobortis. Curabitur non quam. Aenean semper felis vitae nulla. Sed tincidunt tincidunt mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis a diam eu turpis tristique ultrices. Maecenas consectetuer.
(:divend:)
(:div style='text-align:justify; float:left; width:31%; padding-right:2%; padding-bottom:5px;':)
!!Column 3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris a ante id leo ultricies lobortis. Curabitur non quam. Aenean semper felis vitae nulla. Sed tincidunt tincidunt mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis a diam eu turpis tristique ultrices. Maecenas consectetuer.
(:divend:)
!!Normal text
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris a ante id leo ultricies lobortis. Curabitur non quam. Aenean semper felis vitae nulla. Sed tincidunt tincidunt mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis a diam eu turpis tristique ultrices. Maecenas consectetuer.

column 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris a ante id leo ultricies lobortis. Curabitur non quam. Aenean semper felis vitae nulla. Sed tincidunt tincidunt mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis a diam eu turpis tristique ultrices. Maecenas consectetuer.

Column 2

Column 3

Normal text

To make 2 columns, only change width to 48%

Notes

Releases

Contributors

Comments

See discussion at MakeManyColumns-Talk

User notes ? : If you use, used or reviewed this recipe, you can add your name. These statistics appear in the Cookbook listings and will help newcomers browsing through the wiki.