html - 文本在 IE 中显示在错误的行

Question

我有一些代码可以在页面底部显示 Logo :

不幸的是，在 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

您没有清除 float 。我曾经做过这样的事情(代码未经测试):

<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>

我不知道整个设计，但我猜 float: left in #kwiiusIMG 根本不需要。