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> 

小提琴