html - 跨度浮动在Safari中不起作用？

Question

我创建了这个倒计时（这里的代码），由于某种原因，这些数字在 Safari 中似乎是向下的，而不是从左到右。

跨度不是太宽或任何东西，（width: 150px;）所以我不知道为什么会这样。

有谁知道是什么原因造成的或如何解决？

我已经在 Chrome 和 Firefox 中测试过，效果很好，但我不知道 IE。

Answer 1

只需display: table;从中删除.nums_display: table-cell;.nums span

演示

CSS

@font-face {
    font-family: 'Quicksand Book';
    src: url('http://donutdev.com/fonts/Quicksand_Book.otf');
}

#headr {
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 50px;
}

#countdown {
    width: 600px;
    height: 166px;
    background-color: #212121;
    border-radius: 7px;
    display: none;
}

.nums {
    float: left;
    width: 150px;
    padding-top: 20px;
    height: 90px;
    text-align: center;
    font-family: 'Quicksand Book', sans-serif;
    font-size: 50px;
}

.nums span {
    vertical-align: middle;
    color: #dcdcdc;
}

.text {
    float: left;
    width: 150px;
    padding-bottom: 20px;
    text-align: center;
    font-family: 'Verdana', sans-serif;
    font-size: 25px;
    color: #dcdcdc;
}