在 IE 中，在文本框中左右浮动图像奇怪的间距

Question

我的例子是 这里

当被告知在 FF 中右对齐或左对齐时，徽标看起来很好，而且它们看起来与文本正确换行，但在 IE 中，第一行文本后会出现巨大的间隙。

我还创建了左右浮动样式并尝试应用于徽标，但得到了相同的效果。 我知道这是 IE 中的一个问题，但我还没有找到解决方案。

Answer 1

只需在 floatleft 和 floatright CSS 声明中包含 float 属性，而不是在 HTML 中使用align="left"和align="right"：

.floatleft {
    float:left;
    padding: 0px 8px 8px 0px;
}
.floatright {
    float: right;
    padding: 0px 0px 8px 8px;
}