HTMLで改行を取り除く方法

Question

テキストをすべて同じ行に表示するにはどうすればよいですか？私はHTMLでメニューを作っていると私は私の心には、以下のソース

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

にH2の設定を持っている、明らかに「ブルームーン」に適用されているその後、任意のスタイルがなく、その後、同じライン上で定期的にドットがあります太字で$ 5.00があります。

ブルームーン

...代わりに私がある、見たいものの$ 5.00

：

それはこのようになりますけれども、私はこれを実行すると、

ブルームーン .... $ 5.00

私は<span>と<pre>と<br />というタグを使用しようとしましたが、タグを間違った場所に置いても自動改行することはできません。

申し訳ありませんが、私はおそらくこれを説明する貧しい仕事をしていることを知っていますが、うまくいけば私はポイントを得ることができた。ありがとう！

Answer 1

理由はかなり簡単です。 がデフォルトでこのようにレンダリングされます。 display: inline-blockにCSSで設定するか、スパンのようなインラインタグを使用する必要があります。

深いCSSで行くと、あなたはすべての理由を理解しましょう:)

Answer 2

私は.H2が表示ブロックされているデフォルトの行為である（私が正しくあなたの問題を理解していれば）、コードのいくつかの小さな作品を作っています。これを1行に表示したい場合は、インラインブロックを与えるだけです。 がこの上を見ている：https://jsfiddle.net/p64ymc18/

HTML：

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

CSS： H2 {表示：インラインブロック;}