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/