在IE中显示错误行的文本

Question

我有一些代码可以在页面底部显示徽标：

不幸的是，在IE（9，打开或关闭兼容模式）中，它看起来像这样：

我真正担心的唯一部分是文字出错了。

以下是代码：

<img src="img/logo.png" id="kwiiusIMG" height="50"/><br /><br />
<p class="kText">A Kwiius.com service by Jamie McClymont</p>

CSS：

#kwiiusIMG {
  float: left;
  margin-left: 305px;
}

.kText {
  margin-left: 0px;
  text-align: center;
  color: #666666;
}

对不起，谈到这个问题，我有点像白痴。知道如何让IE工作正常吗？

Answer 1

你没有清理漂浮物。我以前做过这样的事情（代码未经过测试）：

<img src="img/logo.png" id="kwiiusIMG" height="50"/>
<br />
<div style="clear: both;"></div>
<br />
<p class="kText">A Kwiius.com service by Jamie McClymont</p>

我不知道整个设计，但我想浮动：完全不需要在#kwiiusIMG中留下。

Answer 2

您可以将其添加到.kText

的现有CSS中，而不是添加更多HTML标记

.KText {
clear: both;
}

这也避免了添加任何内联CSS。

编辑：我也应该提到，正如sparky672指出的那样，这使得break标签不再必要。他们应该被删除。

Answer 3

您也可以在图像上制作显示块并移除左侧浮动：

#kwiiusIMG {
    /*float: left;*/
    margin-left: 305px;
    display: block;
}

.kText {
  margin-left: 0px;
  text-align: center;
  color: #666666;
}​​