flow 2 columns of text automatically with CSS

Posted by Joseph Mastey on Stack Overflow See other posts from Stack Overflow or by Joseph Mastey
Published on 2010-06-09T20:27:06Z Indexed on 2010/06/14 16:42 UTC
Read the original article Hit count: 435

Filed under:
|
|

I have the code similar to the following:

<p>This is paragraph 1. Lorem ipsum ... </p>
<p>This is paragraph 2. Lorem ipsum ... </p>
<p>This is paragraph 3. Lorem ipsum ... </p>
<p>This is paragraph 4. Lorem ipsum ... </p>
<p>This is paragraph 5. Lorem ipsum ... </p>
<p>This is paragraph 6. Lorem ipsum ... </p>

I'd like to, without markup if possible, cause this text to flow into two columns (1-3 on the left, 4-6 on the right). The reason for my hesitation to add a column using a <div> is that this text is entered by the client via a WYSIWYG editor, so any elements I inject are likely to be killed later on inexplicably.

Thanks, Joe

© Stack Overflow or respective owner

Related posts about css

Related posts about css-layout