标签在 Chrome 上看起来不错，但在 Firefox 上不好看

Question

我最近刚刚在这里问了一个问题。我还要问几个（每个问题都在一个单独的问题中，所以我不会被标记）。我正在为客户制作一个网站，但标签在 Firefox 中的标题上方，但在 Chrome 中，它看起来就像我想要的那样。查看下面的照片。

---

铬

火狐

---

这是 CSS：

      .label {
border: 1px solid #000;
  }
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}

这是 HTML：

        <div class="row features">
        <div class="col-lg-4 text-center">
            <div class="single-fet">
                <div>
                <span class="icon-stack icon-4x">
  <i class="icon-circle icon-stack-base"></i>
  <i class="icon-ok icon-light"></i>
</span>
                </div>
<h2>Speedy Servers with <span class="label label-danger">SSDs</span>    
</h2>
<p>You will get the fastest servers possible with SSD's clocked at 1gb/s transfer.</p>

        </div>
    </div>

Answer 1

<h2>Speedy Servers with <span class="label label-danger">SSDs</span>


h2
{
   dislay: block;
}
h2 span
{
   display: inline-block;
}