将跨度彼此对齐

时间:2013-01-30 18:17:09

标签: css

我遇到了一些麻烦,因为文本与其他跨度对齐而没有内容。看看这里: http://jsfiddle.net/hp8Ak/

(如你所见,第一个跨度跳下来)。

这是我的css:

span {
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 12px;
    background: #377ca2;
    color: #fff;
}

我做错了什么?谢谢!

1 个答案:

答案 0 :(得分:6)

添加vertical-align:top;

<强> jsFiddle example