Multiple Columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Placeholder Picture

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

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.

Placeholder Picture

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. Maecenas et metus.

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 in the middle of the columns, which is spanning across the width. The third and fourth component is showing how that may look.

Placeholder Picture

Download this component for 'mobile-up'

Placeholder Picture

Download this component for 'desktop-down'

Placeholder Picture

Download the component with a span element for 'mobile-up'

Placeholder Picture

Download the component with a span element for 'desktop-down'