css - CSS浮动问题被推到新行

Question

请参阅下面的我的 jsfiddle 示例。

谁能弄清楚我在这里做错了什么？

我正在尝试使用名为 Smart Wizard 的第三方插件，除了 jsfiddle 中显示的这一方面外，它都可以正常工作。

[X] 在新行上，它应该直接在错误消息的右侧。

http://jsfiddle.net/jamesjw007/4wJv4/1/

Answer 1

只需添加

.content { width: 90%; float: left; }

小提琴示例：http: //jsfiddle.net/4wJv4/9/ - 根据您的喜好调整内容元素的宽度

Answer 2

尝试将此添加到样式表..它的工作..

.swMain .msgBox .close {
    float: left;
}

您必须将同一标签中的所有元素浮动到左侧才能使元素位于一行中。

只是“浮动”就可以了..

Answer 3

您需要浮动内容 div 以及关闭图标。除此之外，您可能希望将关闭按钮浮动到消息框的右侧，而不是紧跟在文本之后。

.swMain .msgBox .content { float:left; width:auto; }
.swMain .msgBox .close { float: right; }

我已经用这些变化更新了你的小提琴 - http://jsfiddle.net/4wJv4/19/