css - 使 <span> 在一行中呈现

Question

我只是在摆弄 jQuery UI。我想要我的网页上的一个区域来显示通知...但是 jquery 演示站点的显示方式不太实用。

我页面上的标记如下所示:

<div id="msgRow">
    <span class="ui-icon ui-icon-info"></span><span id="msg">Some message</span><span class="ui-icon ui-icon-close" id="close-message"></span>
</div>

上面的问题是消息图标、文本和关闭图标都出现在不同的行中。

如何让他们在同一行？

Ps:fiddle 展示了它是如何完成 jQuery ui 方式的:http://jsfiddle.net/deostroll/EnKNh/

Answer 1

给他们一个带有css属性的通用类类，display: Inline-Block。

.Sameline
{
Display: Inline-Block;
}