Заполнение из двух перекрывающихся элементов

#html #css

Вопрос:

Когда я добавляю заполнение к элементу блока, оно перекрывается с заполнением других элементов. Вот код.

 <section class="hero">
        <h1>Studying REDEFINED</h1>
        <p>Learn, review, and analyse. Do more with less.</p>
    </section>
    <section class="studying">
        <h2><a class="stages" href="learn.html">Learn.</a> <span style="color: #7daca8;">></span> <a class="stages" href="review.html">Review.</a></h2>
    </section>
 

Комментарии:

1. В вашем коде нет дополнительных дополнений.

2. Пожалуйста, объясните немного больше.. в чем главная проблема ?

Ответ №1:

  • я думаю, что вы даете это дополнение встроенным элементам, например a, span , но из-за того, что это встроенные элементы, они должны перекрывать друг друга, решение состоит в том, чтобы изменить встроенное отображение этих элементов на другое встроенное отображение, например inline-table

Пример

 span , a {
  display: inline-table;
  padding: 25px;
  background: dodgerblue;
}
 

Комментарии:

1. Если это ответ на ваш вопрос, отметьте это как истину