在居中文本旁边显示div

Question

我有以下HTML代码

<div id='main'>
    Question Title
    <div id='tooltip'>?</div>
</div>

Question Title位于main容器内部。我希望我的tooltip div显示在我的主容器内的居中文本旁边，而主容器可以任意大。我怎样才能做到这一点？我在SO上发现了类似的问题，但没有一个解决方案真正适用于我的案例

Answer 1

将#tooltip div的显示属性更改为＆＃34; inline-block＆＃34;。这将使它直接出现在同一行的文本

之后

Answer 2

使用SPAN代替DIV。

<div id='main'>
    Question Title
    <span id='tooltip'>?</span>
</div>

Here is the fiddle

或保留DIV，但将其Display属性更改为＆＃34; inline-block＆＃34; Like this fiddle.