html - 改变一个字的颜色

Question

我有一个段落，里面有一些文字。如何更改该段落中一个单词的颜色？我的尝试最终改变了“is”的颜色，但也将“is”放在了它自己的行上。

<div class="myHeader">
   <h1>This is my heading</h1>
   <h2>This <div class="test">is</div> the paragraph</h2>
</div>

CSS文件:

.myHeader {
  text-align: center;
  font: normal Helvetica, Arial, sans-serif;
  color: #ffffff;  
}

.test{
color: red;
}

Answer 1

不要让 .test 成为 div，而是使用类似 span 的东西。

它有自己的一行，因为 div 是一个 block 元素，而 span 等是内联的。