为什么引号部分的文字不会向下移动

Question

我已经为 .quotes-text 选择器添加了边距，但它会将整个引号部分向下移动，而不仅仅是引号部分中的文本。知道是什么原因造成的吗？下面的代码。

.quotes {
  height: 344px;
  background: #bf4b54;
}

.quote-text {
  font-size: 2rem;
  max-width: 860px;
}

<div class="quotes">
  <div class="quote-text">
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque soluta necessitatibus a autem obcaecati officiis reiciendis. - Head Chef</span>
  </div>
  <img src="" alt="" class="chef">
</div>

Answer 1

如果您只是想让文本向下移动（而不是部分），请使用 padding 而不是 margin。