如何将此标题稍微移动到边框下方？

Question

我正试图将图片中的标题移到边框下方或下方。

我正在使用moodle主题，并且已经跟踪了生成边框的css块

.course-content .section.main {
   border:1px solid #E3E3E3;
}

我尝试在css规则中添加填充和边距无济于事。

.course-content .section.main {
   border:1px solid #E3E3E3;
   margin-top:5px;
}

.course-content .section.main {
   border:1px solid #E3E3E3;
   padding-top:5px;
}

我刚试过边框间距，但这似乎只适用于表格...

 .course-content .section.main{
   border:1px solid #E3E3E3;
   border-spacing:5px;
  }

在html编辑器中查看标题时，标题被此html包围。

   <div style="text-align: center; font-weight: bold;">
     <span style="font-size: x-large;" size="5">
       German III- HS/Part A
     </span>
   </div>

我不想手动编辑html，因为涉及数百个课程。

Answer 1

您用于应用padding和margin的选择器未选择您想要的选择器。 div和span都没有这些类，因此它们没有得到你正在设置的填充或边距。

为您提供间距的一个选项是将padding-top应用于范围。为此，您需要先找到正确的选择器。

作为示例，以下选择器应该可以工作，但可能不够独占（也就是说，它可能适用于属性以使页面上的跨度比您想要定位的更多）

div > span {
  padding-top: 5px;
}