HTML - CSS样式：在同一行上有单独的彩色元素

Question

我试图将蓝色“65”与标题“Other”放在同一行。我已经包含了一个图像以及当前的HTML。

图像：

HTML：

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

我有一个脚本将'65'注入标题，这是有效的，但我希望'65'是一个不同的颜色，并在'Other'的同一行，而不必使用表。 谢谢！

Answer 1

添加display inline-block;

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

你不应该直接对元素进行样式化。考虑将元素样式移动到CSS样式表中。

Answer 2

添加样式显示：内联块

这是相同的小提琴

https://jsfiddle.net/ud7mjmcd/

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