标签在Chrome上看起来很不错,但在Firefox上则不行

时间:2015-03-08 03:09:01

标签: html css google-chrome firefox label

我最近刚刚在这里问了一个问题。我要求更多(每个都在一个单独的问题中,所以我不会被标记)。我正在为一个客户制作一个网站,但该标签在Firefox的标题之上,但在Chrome中它看起来就像我想要的那样。查看下面的照片。


enter image description here

火狐

enter image description here


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

1 个答案:

答案 0 :(得分:-1)

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


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