使<span>渲染成一行</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>

以上问题是message icon，text和close icon都出现在单独的行中。

如何让它们在同一条线上？

Ps：小提琴演示如何用jQuery ui方式完成：http://jsfiddle.net/deostroll/EnKNh/

Answer 1

给他们一个带css属性的公共类，显示：Inline-Block。

.Sameline
{
Display: Inline-Block;
}