Html Firefox和Chrome显示器；顶部：-5px不同“；

使用GoogleWebToolkit，我有一个DIV父节点和一个DIV和锚定子节点

<div class="unseen activity">
  <div class = "unseen-label"/>
  <a href .../>
</div>

及

---

请告诉我如何更改我的CSS，以便Chrome渲染以锚点为中心的标签。但是，我需要让FireFox满意并正确渲染。

要居中

未查看标签

类，请在

未查看标签

类上设置宽度，然后为

未查看标签

设置

边距：0自动以及宽度，并根据需要将其对齐。我不在firefox中，因此无法对您看到的内容发表评论。但是您可以将
未查看的
类设置为
位置：相对
然后将您的
不可见标签
定位到绝对位置，这将允许您使用负的上左下间距将其定位到任何位置。然后再去掉显示内联块
您确实解决了我发布的问题。然而，我使用的是谷歌网络工具包。在我对core.css文件进行了更改之后，我的运行时web应用程序仍然表现出我描述的丑陋行为。另一个团队成员提到我的CSS可能会被另一个CSS标记覆盖。您提议的更改在使用Firebug时有效，但我也遇到了CSS/GWT问题。有什么想法吗？如果你能给出URL，我就可以在firebug和开发者工具中找到正确的CSS，这会更容易。
.unseen-activity div.unseen-label {
    display: inline-block;
    position: relative;
    top: -5px;
}

.unseen-activity a {
    background: url('style/images/refreshActivity.png') no-repeat;
    background-position: 0 2px;
    height: 20px;
    overflow: hidden;
    margin-left: 10px;
    display: inline-block;
    margin-top: 2px;
    padding-left: 20px;
    padding-right: 10px;
    position: relative;
    top: 2px;
}