防止div的内容向下碰撞，执行下一行

Question

我有一个div，它看起来像这样：

<div>
That's <div id="output"></div>
</div>

进入第二个div的innerHTML的"输出"是一个单词，因此主div的内容看起来像其中之一，这取决于用户在其他地方选择了什么：

That's right!            
That's good.           
That's close. 

问题是，我的输出div不是在同一行上输出的。所以它看起来像这个

That's               
right!

如何使"output"的内容始终与主div的其他内容在同一行？

Answer 1

div是一个块元素，而不是内联元素。你想使用跨度，所以使用

<span id="output"></span>

Answer 2

div是块元素，请使用span。或者用float设置div的样式：left

Answer 3

<div>
That's <div id="output" style="display:inline"></div>
</div>