html - "Span"选择器不工作

Question

我正在尝试围绕我的 H1 构建边框，但出于某种原因我无法在 css 中选择确切的“跨度”？我写错了什么吗？

HTML

    h1 span {
    
      display: inline-block;
      padding: 0.5em
      border: white solid 10px;
    }

<header>
  <div class="logo">
    <img src="octopus.png">
  </div>

  <nav>
    <a href="">One</a>
    <a href="">One</a>
    <a href="">One</a>
    <a href="">One</a>
  </nav>
  <h1><span>Elias</span></h1>
  <p class="kicker">Stuff // Other Stuff // More</p>
</header>

Answer 1

你在 padding 之后缺少了一个 ;，这不会让 border 工作

h1 span {
  display: inline-block;
  padding: 0.5em;
  border: white solid 10px;
}
/*demo*/

body {
  background: lightblue
}

<nav>
  <a href="">One</a>
  <a href="">One</a>
  <a href="">One</a>
  <a href="">One</a>
</nav>
<h1><span>Elias</span></h1>
<p class="kicker">Stuff // Other Stuff // More</p>