Search code examples
htmlcssmargin

Why won't the text within the quotes section move down

I have added a margin to the .quotes-text selector however it moves the whole quotes section down not just the text within the quotes section. Any idea what might be causing this? Code below.

.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>

Solution

  • If you just want the text to move down (but not the section) use padding instead of margin.