如何擺脫HTML中的換行符

如何讓我的文本全部出現在同一行上？我做在HTML菜單，我有以下來源如何擺脫HTML中的換行符

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

在我的腦海中H2設置顯然被應用到「藍月亮」，那麼有沒有任何樣式，然後在同一行定期點你有$ 5.00粗體。當我運行這雖然它看起來像這樣：

藍月亮

... $ 5.00

，而不是我想看到什麼，那就是：

藍月亮 .... $ 5.00

我試過使用<span>,<pre>和<br />標籤，他們都沒有讓他們從自動中斷到另一行（儘管我可能會把標籤放在錯誤的地方）。

對不起，我知道我可能在解釋這件事上做得不好，但希望我能明白我的觀點。謝謝！

2017-03-02 Andrew

H2，H1，所有HX標籤塊標籤。他們會有這種效果。如果你想讓他們內聯，你將不得不碰一些CSS。順便說一下，你的問題沒有得到妥善的解答，而且很難理解。 – yBrodsky

是我的錯。這實際上是我在這裏的第一篇文章。我沒有意識到，如果我輸入一個標籤，它實際上會起作用。所以，當我輸入諸如「pre」或「span」之類的東西時，他們沒有顯示 – Andrew

您需要花一點時間來了解盒模型的基本知識以及如何將不同的顯示模型應用於每個矩形元素https：// css- tricks.com/almanac/properties/d/display/ – Cheekysoft

原因很簡單。默認情況下這種方式使用。你需要在css中設置display: inline-block，或者嘗試使用內聯標籤，如span。

走得更深的CSS，你就會明白一切的原因:)

2017-03-02 16:37:44 PapaSoft

非常感謝！我認爲這是默認做的，但無法完全弄清楚一個解決方法。你是炸彈！ – Andrew

我做了一些小的代碼（如果我正確地理解你的問題）.H2默認情況下充當顯示塊。如果你想在一行中顯示，你只需要給內聯塊。對此一看：https://jsfiddle.net/p64ymc18/

HTML：

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

CSS： H2 {顯示：inline-block的;}

2017-03-02 17:00:59 jagpreet

回答