Question

I have a blockquote that flows around a left-floated image. How can I make the blockquote indented 2em from the left margin of the page when it is above or below the image but indented 2em from the right side of the floated image when it is along the same line as the image? I am using HTML and CSS.

Answer 1

img{
float:left;
margin-right:1em;
...
}

blockquote{
position:relative;
left:1em;
margin-left:1em;
...
}

Normal text is 0em from the left margin of the page and 1em right from the image.
Blockquote is 2em from the left margin of the page and 2em right form the image.