Html 试图应用；宽度“；将内联样式属性设置为跨距

我遇到了以下问题：我试图在Bootstrap4中的每个标题标题（参见图）下隔开每个值。它们目前被设置为标签，因为我们在手风琴内。我尝试了以下方法，但没有成功：

编号

我该怎么做

我当前的代码：

 <div id="accordion>
        <h3>
          <span>@bill.MonthName, @bill.Year</span>
          <span>@bill.PackageCount</span>
          <span>Tier @bill.Tier</span>
          <span>$@bill.TotalPrice</span>
          <span>UNPAID</span>
        </h3>
    </div>

---

如果您能够灵活地编辑HTML，那么让我们使用bootstrap 4
行
和
列
结构

<div id="accordion" class="container">
  <h3 class="row">
    <span class="col">@bill.MonthName, @bill.Year</span>
    <span class="col">@bill.PackageCount</span>
    <span class="col">Tier @bill.Tier</span>
    <span class="col">$@bill.TotalPrice</span>
    <span class="col">UNPAID</span>
  </h3>
</div>


@bill.MonthName，@bill.Year
@包装计数
Tier@bill.Tier
$@bill.TotalPrice
不付报酬的

这样，您将得到5个相同宽度的Col。最好使用
div
而不是
h3
和
span
，但我尝试根据您的要求调整它

更多关于
如果您有灵活的能力编辑HTML-让我们使用bootstrap 4
行
和
cols
结构

<div id="accordion" class="container">
  <h3 class="row">
    <span class="col">@bill.MonthName, @bill.Year</span>
    <span class="col">@bill.PackageCount</span>
    <span class="col">Tier @bill.Tier</span>
    <span class="col">$@bill.TotalPrice</span>
    <span class="col">UNPAID</span>
  </h3>
</div>


@bill.MonthName，@bill.Year
@包装计数
Tier@bill.Tier
$@bill.TotalPrice
不付报酬的

这样，您将得到5个相同宽度的Col。最好使用
div
而不是
h3
和
span
，但我尝试根据您的要求调整它

有关
的更多信息span是一个
显示：内联
元素，不能设置宽度。您可以使用display:block元素（如
）或使用CSS将这些跨距的样式设置为
display:block
或
display:inline block
跨距是
display:inline
元素，不能设置宽度。您可以使用display:block元素（如
）或使用CSS将这些跨距的样式设置为
display:block
或
display:inline block