为什么引号部分中的文本不向下移动

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。