css - 跨度 split ，如何避免？

Question

这里是问题所在:http://jsfiddle.net/STG22/3/

我希望 span 不会分成两个不同的行(就像上面示例中的第三行一样)。我该怎么做？

---

CSS:

span
{
    background: red;
    border-radius: 5px;
    width: 60px;
}

HTML:

<div style="width: 250px">
    <span>omg omg omg</span>
    <span>omg omg omg</span>
    <span>omg omg omg</span>
    <span>omg omg omg</span>
</div>

Answer 1

简单的 CSS:

 white-space: nowrap;

更新的 jsFiddle:http://jsfiddle.net/STG22/5/

完整的 CSS:

span
{
    background: red;
    border-radius: 5px;
    width: 60px;
    white-space:nowrap;
}