如何摆脱HTML

Question

如何让我的文字全部显示在同一行？我正在用HTML制作菜单，我有以下来源

<h2> Blue Moon 20oz </h2>....<b> $5.00 </b>

在我看来，h2设置显然适用于＆＃34; Blue Moon＆＃34;然后有没有任何风格的常规点，然后在同一行你有5.00美元的粗体。当我运行它时看起来像这样：

  

蓝月亮

     

... $ 5.00

而不是我想看到的，这是：

  

蓝月亮 .... $ 5.00

我已尝试使用<span>，<pre>和<br />标记，但似乎没有一个标记可以防止它们自动中断到另一条线（尽管我可以将标记放在错误的地方）。

抱歉，我知道我可能在解释这个问题上做得很差，但希望我能够理解我的观点。谢谢！

Answer 1

原因很简单。  默认以这种方式呈现。您需要在css中设置display: inline-block或尝试使用内联标记，例如span。

深入了解CSS，您将了解所有原因：）

Answer 2

我做了一小段代码（如果我理解你的问题）。默认情况下，H2作为显示块。如果要在一行中显示，则只需要提供内联块。 看看这个：https://jsfiddle.net/p64ymc18/

HTML：

<div>
  <h2>Blue Moon</h2>...$5.00
</div>

CSS：     H2 {显示：内联块;}