html - float 周围缩进的 block 引用

Question

我有一个围绕左浮动图像的 block 引用。如何使 block 引用在图像上方或下方时从页面的左边距缩进 2em，但在与图像沿同一行时从 float 图像的右侧缩进 2em？我正在使用 HTML 和 CSS。

Answer 1

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

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

正常文本距页面左边距 0em，距图像右侧 1em。 block 引用距页面左边距 2em，距图像右边距 2em。