我已经为.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>
[如果只希望文本向下移动(而不是该部分),请使用padding
而不是margin
。