html - 无法摆脱 CSS 中的 div 换行符

Question

在此代码示例中，我无法摆脱输入字段和提交按钮之间的换行符：

http://jsfiddle.net/m4FNx/1/ （使用 Chrome）

我将所有相关标签设置为

display:inline-block

但它似乎没有做它通常做的事情。

我一直在看它太久，所以我看不到那里的错误，所以任何帮助表示赞赏。

Answer 1

如果您不想设置固定宽度（这并不总是有效），请添加

white-space:nowrap;

到你的.bubblediv。这将防止内容包装。

Answer 2

为 .bubble div 设置宽度

.bubble {
    width: 320px;
}