Html 围绕浮动的缩进块引号

Html 围绕浮动的缩进块引号,html,css,css-float,Html,Css,Css Float,我有一个围绕左浮动图像流动的块引号。当块引号位于图像上方或下方时,如何使其从页面左边缘缩进2em,而当其与图像在同一直线上时,如何使其从浮动图像的右侧缩进2em?我正在使用HTML和CSS img{ float:left; margin-right:1em; ... } blockquote{ position:relative; left:1em; margin-left:1em; ... } 普通文本距离页面左边缘0 em,距离图像1 m。 Blockquote距页面左边距2米,右距图像

我有一个围绕左浮动图像流动的块引号。当块引号位于图像上方或下方时,如何使其从页面左边缘缩进2em,而当其与图像在同一直线上时,如何使其从浮动图像的右侧缩进2em?我正在使用HTML和CSS

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

blockquote{
position:relative;
left:1em;
margin-left:1em;
...
}
普通文本距离页面左边缘0 em,距离图像1 m。
Blockquote距页面左边距2米,右距图像2米。

奇怪的是,
display:table
对我有效。

在浮动附近不起作用-浮动旁边没有向左缩进。您是对的,很抱歉没有提前检查它。我已经修好了,现在可以用了。谢谢你的帮助,但这会缩进块引号和非引号文本。我希望blockquote位于图像右侧2em,但非blockquoted文本仅位于图像右侧1em。呃-如果文本右侧有右浮点或其他元素,仍然不是完美的,因为blockquote与右浮点重叠。我不知道你能在CSS中完美地完成它。