css - 在一行中渲染

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 iconall 出现在单独的行中。

如何使它们在同一行中？

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

Answer 1

给他们一个带有 css 属性的通用类类，显示：Inline-Block。

.Sameline
{
Display: Inline-Block;
}