如何将<div>放在html + css中的<p>内的文本中？</p> </div>

Question

所以，我有一个用<p>编写的文本，我想在文本中间添加一个<div>（包含一个单词），就像这个问题的代码块一样

我的情况有一个小约束，<p>为aligned-center，因此float: none。

我确定我遗漏了一些东西，但我无法得到它，而且我也找不到任何合适的关键字组合，这些关键字可以为我提供谷歌或堆栈的答案。

我尝试将div放在<code>内，但它没有用（甚至认为一个简单的单词有效）。

Answer 1

尝试将display: inline或inline-block应用于div CSS ...并且如果可以的话，请制作小提琴（http://jsfiddle.net/）...这非常有帮助。