X

Multiple Columns w/ span element

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.

"There are 3 categories of friends;
1st: They are like the daily bread - see them every day.
2nd: They are like medicine - see them in times of need.
3rd: They are like bacteria - shun them at all times!"
Turkish Wisdom

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.

Multiple Columns

Most people think that reading on-screen is not very comfortable, but it can be helped if the lines are shortened. Coffeecup's Site Designer has a built-in feature for that, and it is recommended to use the manual way, by going to the 'Multi Column Layout' near the bottom of the Styles pane, if you want to be in full control of gradually increasing the number of columns in sync with a wider viewport.

It is also possible to have an element somewhere in the middle of the columns, which is spanning across the width. If you don't need this, you can delete the .span-container element.

Placeholder Picture

Download this component