CSS3: Multi-column module demo for Firefox 1.5 beta

Version 0.3 beta Created by Fini A. Alring in September 2005

This is the First Article

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam arcu dui, dapibus quis, semper id, interdum sit amet, erat. Vivamus dui libero, accumsan facilisis, vestibulum id, dapibus vitae, lorem. In lectus dolor, mattis sed, dictum eget, commodo in, ipsum.
Note: Try to resize the browser window, and notice how the text will flow in as many columns as possible, while maintaining a nice column width. Make it very narrow and it will optimize for single column.
Nulla et massa cursus mi rutrum consequat. Proin tortor. Fusce vitae mi. Duis imperdiet. In magna tellus, pretium eget, lacinia quis, pulvinar ut, risus. Maecenas venenatis ipsum ac ligula. In eget nisi sit amet mi condimentum tincidunt. Ut sit amet mauris ut neque lacinia hendrerit. Integer luctus, ipsum non ornare convallis, sem dolor sollicitudin ipsum, id imperdiet diam turpis eget lectus. Aliquam vitae eros nec urna laoreet dignissim. Vivamus sollicitudin, lorem ut suscipit egestas, dolor dui imperdiet felis, et vehicula ipsum turpis vitae orci. Nunc velit elit, adipiscing at, laoreet pretium, pharetra eu, mi. Pellentesque nulla mi, facilisis pharetra, pellentesque a, pretium a, orci.
Donec tortor felis, aliquet eget, aliquam non, accumsan at, est. Nulla sed pede nec erat malesuada facilisis. Suspendisse mi. Proin risus urna, mattis et, aliquet et, laoreet quis, ipsum. Sed pede sem, porta id, dapibus vel, posuere sed, mi. Nullam est leo, pretium in, tempor eu, dapibus non, purus. Pellentesque blandit. Quisque nec pede. Aliquam congue. Morbi condimentum eleifend turpis.
Yemen Chameleon Traffic Jam (1/3) Sed leo lacus, pharetra ut, pharetra sit amet, pulvinar id, nulla. Quisque porttitor est ac mi. Suspendisse felis est, varius quis, venenatis eu, sollicitudin et, felis. Vestibulum aliquet lacus et nisl. Mauris vestibulum, erat et imperdiet convallis, pede urna nonummy tortor, ut posuere nulla dolor sed quam. Quisque a pede nec risus sodales consectetuer. Ut turpis. Donec elit arcu, consequat at, vehicula eu, rutrum non, nulla. Duis et felis. Suspendisse condimentum diam ut metus. Vestibulum aliquam nulla a arcu. Maecenas ut magna. Phasellus hendrerit ipsum ac purus. Ut facilisis sapien iaculis justo.

This is the Second Article

Donec massa. Fusce pharetra. Suspendisse lacinia risus ac pede. Nam eget neque. Integer porta. Nullam imperdiet. Suspendisse lorem dui, rutrum eu, mollis at, ultrices imperdiet, dolor. Donec varius elit ac massa. Maecenas venenatis aliquam risus. Pellentesque volutpat egestas sapien. Mauris egestas felis nec nibh. Maecenas orci metus, molestie eu, aliquet in, bibendum eget, lacus.

This is the Third Article

Sed nulla. Morbi blandit odio quis est. Nam ante justo, iaculis sit amet, viverra ut, feugiat eu, quam. Nam bibendum viverra arcu. Nulla condimentum massa sit amet orci. Aliquam erat volutpat. Nunc id ante. Sed vel lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam erat volutpat.
Yemen Chameleon Traffic Jam (2/3) Nulla facilisi. Sed a augue sed lacus lobortis rutrum. Sed nec libero nec elit consequat tristique. Nam dolor. Proin semper lectus eget sem. Ut imperdiet. Curabitur auctor sem quis leo. Mauris malesuada sagittis tellus. Vestibulum nisl sem, faucibus et, lacinia at, pellentesque ut, ipsum. Sed urna risus, ullamcorper et, molestie at, bibendum vel, diam. Quisque porttitor. Quisque vel felis ac nibh lacinia blandit. Nam molestie, libero sit amet eleifend tristique, leo urna nonummy augue, at eleifend felis lacus ut ipsum. Sed orci libero, iaculis id, rutrum nec, sagittis nec, est. Curabitur id sem.
Yemen Chameleon Traffic Jam (3/3) Vestibulum id tortor. Vestibulum dui massa, rutrum at, sagittis eget, aliquam a, purus. Nulla pellentesque ullamcorper ipsum. Nullam molestie, nibh vel feugiat fermentum, libero massa porta risus, vel pulvinar lectus enim nec tortor. Vestibulum tincidunt adipiscing ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris placerat imperdiet mauris. Ut viverra dui ut erat. Morbi et augue eu nisi sagittis convallis. Morbi ac nibh. Vivamus pellentesque feugiat justo. Pellentesque facilisis purus eget leo.
Licensed under the terms of the Creative Commons: Attribution-ShareAlike license version 2.5