HTML / CSS：H2元素中的浮动元素

Question

这是HTML：

<h2>
  Log in
  <a onclick="doSomething()" href="#" class="float-right">&nbsp;</a>
</h2>

这是CSS：

.float-right {
    float: right;
    background: url(img.png);
    width: 10px;
    height: 10px;
    text-decoration: none;
}

所以这应该使.float-right元素浮动到标题中文本的右侧，但在IE7中它不会！我不关心IE6，我只需要在IE7和更新版本中使用它。

Answer 1

尝试将display:block;添加到css

Answer 2

您是否尝试过移动代码？

<h2>
  <a onclick="doSomething()" href="#" class="float-right">&nbsp;</a>
  Log in
</h2>