0

How can I use CSS to wrap text so that equal lines are approximately equal length? This was asked earlier but got no good answers. For example, take this text:

<div class="evenwrap"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div>

If the line must wrap, I'd like it wrapped into lines of similar length. E.g., as two lines:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.

As three:

Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.

As four:

Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua.

And so on.

I've experimented with text-align:justify, text-justify:newspaper, and white-space:nowrap, but none have worked and I'm at a loss. Is there a CSS solution, or must I turn to javascript?

Community
  • 1
  • 1
user182181
  • 1
  • 1
    Welcome to Stack Overflow. It's normal here that, if you want an old question to be answered, you gain some reputation and offer a bounty. Another option would be to change the question enough so it's not the same. Exact duplicates are not accepted in Stack Overflow. – Francisco Presencia Jan 22 '14 at 02:52
  • What sort of bounty do I need to offer? – user182181 Jan 22 '14 at 03:05
  • First you need to gain some reputation... actually I'm not sure what you can do in your situation, however duplicating questions is definitely not the answer. – Francisco Presencia Jan 22 '14 at 03:14

0 Answers0