使文本的上一行比下一行短

Question

Is there any way to make the previous line of the text always shorter than the next if the text's length is unknown? Somethig like this:

Lorem ipsum dolor sit amet, consectetur adipiscing
et libero posuere pellentesque. Vivamus quis nulla justo.
vel lacinia sapien scelerisque eget. Vivamus ut velit elit. Donec 

There is only a paragraph in HTML.

I have tried to do this with text-indent or :first-line or playing around with padding and width of a paragraph but none of them is working (as expected I think...). Also have tried to somehow calculate the width of line using Calculating text width but also with no result (I'm not very good in jquery...).

I can't add extra markup on the html (well, not directly, I can add it with scripts if necessary).
Preferably with css but I can add jquery too.

Please help.

Answer 1

Yes, you can just use the selector p and attribute it to the section of there sentence where you want this paragraph to end for and use line-height to adjust its leading for instance http://jsfiddle.net/AMmYR/4/

    p {
        font:14px nor Futura, sans-serif;
        line-height:20px;
        color:#333;
    }

    <p>This is my first sentence.
<br>This is a very, very, very, long sentence
<br>This sentence is longer than the last, I don't know why.</p>