你知道我在哪里犯了錯(cuò)誤嗎？看起來空間間隔不起作用。我應(yīng)該添加額外的填充來修復(fù)它還是使用不同的顯示方法？我是跟著一個(gè)教程走的，但是sill想不出問題出在哪里。如有任何建議，我將不勝感激

應(yīng)該是這樣的但是它看起來像這樣

:root {
  --primary-color: #013456;
  --accent-color: #fad405;
}

.header {
  display: flex;
  justify-content: space-between;
  padding-top: 81px;
  max-width: 1231px;
  margin: 0 auto;
  font-family: "Istok Web";
  text-align: right;
}
.header span {
  font-weight: 700;
  font-size: 40px;
  margin-right: 10px;
  color: var(--primary-color);
}

.header-title {
  margin: 0;
  display: flex;
  align-items: center;
}

.header .plane-ico {
  color: var(--accent-color);
}
.header-navigation {
  display: flex;
  align-items: center;
  height: 52px;
  margin-right: 5px;
}

.header-navigation a {
  text-emphasis: none;
  margin-left: 29px;
  color: var(--primary-color);
  font-size: 36px;
  font-weight: 500;
  text-decoration: none;
}

.header .menu-ico,
.header .close-ico {
  display: none;
}

.header .close-ico {
  color: var(--accent-color);
}

<header class="header">
      <h2 class="header-title">
        <span>Matt Ridd</span>
        <i class="fa fa-lg fa-paper-plane plane-ico"></i>
        <nav id="header-navigation" class="header-navigation">
          <a href="#">Home</a>
          <a href="#">About</a>
          <a href="#">Books</a>
          <a href="#">Blog</a>
          <a href="#">Home </a>
        </nav>
        <i onclick="toggleMenu('block')" class="fa fa-bars menu-ico"></i>
        <i
          onclick="toggleMenu('none')"
          id="close-ico"
          class="fa fa-times-circle close-ico"
        ></i>
      </h2>
    </header>

嘗試給予& quot標(biāo)題-標(biāo)題& quot寬度:100%；，并移動(dòng)justify-content:space-between；從& quot標(biāo)題& quot類到& quot標(biāo)題-標(biāo)題& quot，此外& quot標(biāo)題-標(biāo)題& quot應(yīng)該是div。

這里有一個(gè)工作示例