Question

嘿，伙计们开始学习HTML5＆amp; CSS3昨天刚刚陷入困境。如果您有任何人可以帮助我，请查看此处的其他帖子并调整不同的保证金选项，但我找不到合适的规则。

我正在尝试将一个名为.content的类和另一个.byline（后面跟着彼此。我试过了：

这是CSS。

 .content {
  margin-bottom: 30px; }

此外：

.content.byline {
  margin: 30px 30px;}

.byline {
  margin-top: 30px;}

这是HTML：

<div class="content">
  <h3> bla bla </h3>
 <span class="byline">blabla</span>

以下是这两个类：

.content {
 margin: 0 auto;
 padding: 40px;
 text-align: center;
 width: 70px; }

 .byline {
 font-size: 14px;
 padding-top: 10px;
 padding-bottom: 1Opx;
 font-family: Roboto;
 border-top: 2px solid #CCC;
 border-bottom: 2px solid #CCC; }`

请原谅我的初学者解释，谢谢你帮助我。

Answer 1

默认情况下，

h3元素在顶部和底部都有边距。如果您希望byline获得的距离超过此距离，则必须通过保证金增加h3的margin-bottom，以便产生差异。

尝试将margin-bottom: 70px;添加到h3。

h3 {
    margin-bottom: 70px;
}

顺便说一下，padding-bottom上的.byline中的10px是用＆＃34; O＆＃34;写的。

设置两个班级之间的距离

1 个答案: