html - 我无法将句子对齐为 css 中的段落

Question

这是我的代码:

p {
  background-color: yellow;
}
p.ex {}

<p class="ex">Security vulnerabilities that put customers at</p>
<p class="ex">risk have affected Asda's website for a couple</p>
<p class="ex">of years,a security expert has revealed</p>

我希望我所有的句子组成一个段落。我做错了什么？

Answer 1

只需将所有文本放在一个 <p> 中即可标签。文本将根据需要自动换行，但您可以使用 <br>标记以手动插入换行符。

如果您想禁用/修改自动文本换行，请参阅 white-space 属性(property)。

p { background-color: yellow; }

<p class="ex">
    Security vulnerabilities that put customers at <br>
    risk have affected Asda's website for a couple <br>
    of years, a security expert has revealed.
</p>