html - 不应该出现的新行

Question

我真的是 CSS 新手，我想以显示一个人的数据为例。格式为:详细信息
姓名:约翰

等等，但 Name: 必须是金色的。我使用:

h1 {
  color: gold;
  font-family: "Courier New";
  font-size: 100%;
}
h2 {
  font-family: "Courier New";
  font-size: 100%;
}

<h2>Details</h2>
<h1>Name:</h1> 
<h2>John</h2>

除了 John 在 Name: 下，尽管没有使用新行或其他东西，这非常有效......

Answer 1

h1 和 h2 是 block 元素，总是会换行。

您可以在 h1 标签内使用 span 标签，例如

<h1><span class="my_style1">Name:</span> John</h1>

使用 CSS

.my_style1 {
  color: gold; 
}

...或者让 h1 和 h2 内联:

h1, h2 { display: inline; }

...，我不推荐，因为它会带来很多其他麻烦...