我有一大段的文本，分为<br>的子段落:
<p>
Blah blah blah.
<br/>
Blah blah blah. Blah blah blah. Blah blah blah.
<br/>
Blah blah blah.
</p>
我想扩大这些分段之间的间隔，比如有两个<br>之类的。我知道这样做的正确方法是使用<p></p>，但现在我不能改变这个布局，所以我正在寻找css的解决方案。
我试着用display: block设置<br>的行高和高度，我也谷歌了一下，堆栈溢出了，但没有找到任何解决方案。在不改变布局的情况下，这可能吗?
当前回答
当我无法从span标签中获得样式间距时，这为我做了一件事:
<p style='margin-bottom: 5px' >
<span>I Agree</span>
</p>
<span>I Don't Agree</span>
其他回答
迈克尔和尤达都是对的。你能做的是使用<p>标签，它是一个块标签，使用底部边距来抵消下面的块，所以你可以做类似的事情来获得更大的间距:
<p>
A block of text.
</p>
<p>
Another block
</p>
另一种替代方法是使用block <hr>标记，使用该标记可以显式地定义间距的高度。
下面是真正支持跨浏览器的正确解决方案:
br {
line-height: 150%;
}
而不是
<br>,<br/>,<hr> or <span></span> and trying different CSS properties to these tag.
我做了，我把段落放在一个div中，并给它行高:2px
# html
<div class="smallerlineHeight">
<p>Line1</p>
<p>Line2</p>
</div>
#css
.smallerlineHeight {
p {
line-height: 2px;
}
}
下面是一个在IE、Firefox和Chrome中都能运行的解决方案。其思想是将br元素的字体大小从14px增加到18px，并将元素降低4px，以便额外的大小在文本行以下。结果是br下面有4px的额外空白。
br
{
font-size: 18px;
vertical-align: -4px;
}
所以，上面的人基本上得到了类似的答案，但在这里它非常简洁。适用于Opera, Chrome, Safari和Firefox，最有可能也适用于IE ?
br {
display: block; /* makes it have a width */
content: ""; /* clears default height */
margin-top: 0; /* change this to whatever height you want it */
}
