display: inline

[King of Red Lions]

Hello people. I am still stuck on the same obstacle, is it possible, using
display: inline, to get the following eefect with paragraphs? Any help
would be much appreciated.

Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 2 Paragraph 2
Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 2 Paragraph 2
Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 2 Paragraph 2
Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 2 Paragraph 2
Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 2 Paragraph 2
Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 2 Paragraph 2
Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 2 Paragraph 2
Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1
Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1
Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1
Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1

 

[Kris]

Hello people. I am still stuck on the same obstacle, is it possible, using
display: inline, to get the following eefect with paragraphs? Any help
would be much appreciated.

1 1 2
1 1 1

Maybe this helps.
<http://www.alistapart.com/articles/negativemargins/>

 

[Mark Parnell]

Hello people. I am still stuck on the same obstacle, is it possible, using
display: inline, to get the following eefect with paragraphs?

Not with display: inline. Try float: right; on the second paragraph.
Will need some further tweaking, but that should point you in the right
direction.

 

[Toby Inkster]

Hello people. I am still stuck on the same obstacle, is it possible, using
display: inline, to get the following eefect with paragraphs?

For this effect:

p1 p2
p1 p1

Do this:

<p style="float:right;width:40%">p2</p>
<p>p1 p1 p1</p>

Ought to work. Note though that if viewed in a non-CSS browser, p2 will
appear before p1. You'll have to decide for yourself whether it would make
sense that way!