html - 表示性 html 标签的替代品

Question

我的网站上有一个标题，我必须打破一些词并放在第二行，有些词的颜色不同。有没有一种方法可以在不使用换行符
和强调等表示性 html 标记的情况下做到这一点？我在 html 和 css 方面很新。

<h1 class="header" >I AM A <em>SURFER</em> <br/> WHO LOVES THE BEACH, <br/> SUNSET AND ICE CREAM.</h1>

Answer 1

我建议使用 span，然后您将显示为 block 。

HTML:

<p><span>hello></span><span>How are you</span></p>

CSS:

p span 
{
    display: block;
}