2 Columns like a Newspaper

OL Connect Professional Designer
1

Hello,
I have part of a print template that requires 2 columns of formatted text. I need column 1 to flow into column 2 if column 1 gets too long. It doesn’t need justified, just left justification is fine. Is there a straight forward function to do this? I am using variables in the text so it the length of text can vary slightly but not by much. I would like to account for it all.
image

2

You can apply the CSS property -moz-column-count for this, as long as the whole element stays on a single page.

Example:

HTML

<div class="example">
	<p>Place your text here...</p>
	<p>Or here...</p>
	<p>Or here...</p>
</div>

CSS

div.example {
	-moz-column-count: 2;
	-moz-column-gap: 10mm;
}
3

This works Great, thank you!

1 Like