Запретить содержимое div от набега на следующей строке?

Question

У меня есть DIV, который выглядит следующим образом:

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

«Выходной», что происходит в innerHTML этого 2 DIV является одним словом, так что содержимое основного DIV выглядит как один из них , в зависимости от того, какой выбор пользователь выбрал в другом месте:

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

проблема заключается в том, мой выход ДИВ не выводит на одной и той же линии. Так это выглядит, как этот

That's    
right! 

Как я могу сделать содержание «выхода» всегда быть на ту же строке, что и другое содержимое основного DIV?

Answer 1

div - это элемент блока, а не встроенный. Вместо этого вы хотите использовать пролет, поэтому используйте

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

Answer 2

A Div - элемент блока, вместо него используйте пролет. Или введите свои поля с поплавком: left

Answer 3

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