html - 从重叠的两个元素填充

Question

当我向块元素添加填充时，它会与其他元素的填充重叠。这是代码。

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

标签： htmlcss

Answer 1

• 我认为你给内联元素提供了这种填充，a, span但是因为这些是内联元素，它们应该相互重叠，解决方案是将这些元素的内联显示更改为另一个内联显示，比如inline-table

例子

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