html - 如何在 div 的边框下添加一个空格(边距)？ |合流标题

Question

我想使用基本的 html 和 css 为 confluence 创建一个 PDF 布局。

我在 div 中有一个 border-bottom 样式属性，我手动设置了边框的填充。

如何在该边框下方添加更多空间？

.fsTitlePage {
  margin-left: auto;
  margin-top: 50mm;
  margin-right: auto;
  page-break-after: always;
}

.fsTitle {
  font-size: 42px;
  margin: 72px 0 4px 0;
  text-align: center;
  color: #184b65;
}

<div class="fsTitlePage">
  <center>
    <img src="http://placehold.it/350x350" alt="" style="width: 350px; height: auto;">         
    <br><br>
    <hr style="border-color: #f39100; width: 100px;">
    <div class="fsTitle">Some<b class="fsTitle">Title</b> Bla Bla</div>
  </center>
</div>

Answer 1

好的，所以您需要更大的边框？如果是这样，请使用此代码

border: 10px solid #f39100;

而不是你的代码

border-color: #f39100;