防止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。或者使用float：left

设置你的div

Answer 2

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

Answer 3

div是块元素而不是内联。您想要使用跨度，请使用

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