没有反应的边距

Question

我在 Section-e 上有一个 "Read more" 按钮，它的行为很奇怪：除了左边的边距没有响应。

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> 标签的边距。

没有反应的边距

Margins that don't respond

html

css

margin