如果你想在html中添加间距，你也可以使用。

 

如果你在你的文本前放三个这样的空格，它会增加3白色。
例如：

<label>&nbsp;<span>Test</span></label>

如果我理解正确的话，您希望跨距在单独的行上，但不必使用<br>标记。
默认情况下<span>是一个行内元素。给予它一个属性display: block;

根据备注更新了相关代码：

.labelForTextbox {
  ...
  display: block;
  margin-bottom: 10px; /** Change this value to whatever you wish **/
}

与<div>或<p>（它们是块级元素）不同，<span>是一个内联元素。
根据质量标准：
margin-top、margin-bottom属性对未替换的行内元素没有影响。
为了使用顶部/底部边距属性，您需要将元素的display type更改为block或inline-block（或者其他margin适用的属性）。

span {
    display: inline-block; /* change the display type           */
    margin: 10px 0;        /* apply the needed vertical margins */
}

这是**JSBin Demo**
或者，只需在table-cell上设置line-height属性即可：

td { /* change the selector to select your specific td */
    line-height: 1.5; /* <-- set a line-height */
}

对于第二个范围，可以使用padding-left：somevalue
示例：<span>..</span><span style="padding-left:4px">..</span>

因为我看到有一个换行符把“Discount”和“$500”放在不同的行上，所以我假设它会打印在不同的行上，为了获得更多的空间，但不是一个完整的新行，您可以使用line-height。
在您的CSS中：

span#lblDiscount {
  line-height:180%
}

尝试正常行高的120-200%，这样可以在两行之间留出足够的间距。希望这对你有帮助。

另一种解决方案：

span::after {
  content: ' ';
}

这会在任何span后面添加一个空格（或者你想要的任何东西），你也可以将它与:last-child或者css兄弟+选择器结合起来，只为元素之间添加这个空格。

默认情况下<span>是一个内联元素，我们可以使用display: block css属性来改变它，这样就可以给予<br>标签的效果，而不用手动添加它，也不会使html变得混乱。

span {
  display: block;
}

如果希望添加间距而不是新行，则可以在两个跨距之间添加 html entity

<span>Hello,</span>
&nbsp;
<span>World!</span>