HTML - CSS樣式：在同一行上有不同顏色的元素

Question

我試圖讓藍色的「65」與標題「Other」在同一行上。我已經包含一個圖像以及當前的HTML。

圖片：

HTML：

<h3 id="otherHead" class="groupHeader">Other <div style="color: #5191CD;">65</div></h3> 

我有注入了 '65' 到頭部，其工作的腳本，但我希望有 '65'與其他顏色不同，不必使用表格就可以使用不同的顏色。 謝謝！

Answer 1

添加display inline-block;

<h3 id="otherHead" class="groupHeader">Other <div style="color: #5191CD; display: inline-block;">65</div></h3> 

你不應該直接對造型元素。考慮將你的元素樣式移動到CSS樣式表中。

Answer 2

添加樣式display：inline-block的

這裏是相同

https://jsfiddle.net/ud7mjmcd/

<h3 id="otherHead" class="groupHeader">Other <div style="color: #5191CD;display:inline-block">65</div></h3> 

小提琴