如何在一个段落中的行之间设置边距？

Question

我需要在一个段落中的行之间设置边距。我怎么能这样做？我需要做这样的事情：

HTML：

<p>Any creative project is unique 
and should be provided with 
the appropriate quality</p>

我尝试将每一行放入<span>并将margin-bottom设置为它，但它不起作用。

Answer 1

只需将整个文字包装在<span>代码中，并使用line-height代替边距，padding代替文字和背景之间的间距

Stack Snippet

p {
  font: bold 30px Verdana;
}

span {
  background: red;
  line-height: 45px;
  color: #fff;
  padding: 3px;
}

<p><span>Any creative project is unique and should be provided with the appropriate quality</span></p>

Answer 2

如果您想将<span>与margin一起使用，则还需要将display: inline-block;或display: block;设置为<span>

＆＃13;

＆＃13;

p {
    width: 200px;
}

p > span {
    display: inline-block;
    margin-bottom: 5px;
    background-color: orange;
}

＆＃13;

<p>
  <span>Any creative project is unique</span>
  <span>and should be provided with</span>
  <span>the appropriate quality</span>
</p>

＆＃13;

＆＃13;

＆＃13;

Answer 3

你可以在每一行之间使用<br>，或者在每一行之间放一个height的跨度，如下所示：

<p>Any creative project is unique</p>
<span style="height: 10px;"></span><p>panand should be provided with</p>

Answer 4

尝试在.css文件中使用line-height属性引用包含文本的te元素。