HTML <code> - get rid of newlines</code>

Question

如何让<code>标记之前和之后都没有换行符？我试过<span>没有成功。我还在<p>尝试了嵌套li，但没有成功。

我认为这不重要，但仅仅为了记录，我也使用prism.js代码样式。

例如，我希望这一切都在线：

 <ul>
                <li>great way to replace a infinite loop such as <code id = "loopSnippet" class="language-javascript">while (true) { .. }</code></li>

相反，while (true) { .. }下面有它自己的行。

这是一个小提琴：

http://jsfiddle.net/Lx2bzvhm/

Answer 1

CSS声明code { display: block; }。删除display: block;的声明，或将其更改为display: inline;或display: inline-block;，以适合您的情况为准。

Answer 2

在display: inline-block

上使用block代替<code>

http://jsfiddle.net/Lx2bzvhm/4/

Answer 3

check here

使用display: inline-block check out the link for inline-block