未响应的边距

Question

我在e节上有一个“阅读更多”按钮，该按钮的行为很奇怪：除左边以外，页边距没有响应。

GitHub存储库：https://github.com/CalogerN/Conquer

实时预览：https://calogern.github.io/Conquer/

我尝试调试，但一无所获。

.section-e__btn {
  align-self: flex-start;
  margin: 28px 0px 30px 20px;
  padding: 15px 30px;
  background-color: white;
  font-family: "Open Sans";
}

<div class="section-e__column1">

  <a href="#" class="section-e__btn">Read more</a>

</div>

Answer 1

使用display: block或display: inline-block在<a>标签上设置边距。