header

<header class="header">
        <div class="header-logo"><a href="index.html">LMS</a></div>
        <nav class="header-nav">
          <ul class="header-nav-list">
            <li class="header-nav-item"><a href="index.html" class="header-nav-link header-nav-link-active">Trang chủ</a></li>
            <li class="header-nav-item"><a href="time-table.html" class="header-nav-link">Thời khóa biểu</a></li>
            <li class="header-nav-item"><a href="mark-search.html" class="header-nav-link">Tra cứu điểm</a></li>
            <li class="header-nav-item"><a href="mark-statistics.html" class="header-nav-link">Bảng điểm</a></li>
            <li class="header-nav-item"><a href="news.html" class="header-nav-link">Tin tức</a></li>
            <li class="header-nav-item"><a href="about.html" class="header-nav-link">About us</a></li>
          </ul>
        </nav>
      </header>

//// css

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  /* padding: 0 100px; */
  background-color: white;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 1180px;
  margin: 0 auto;
}

.header-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
}

.header-logo a {
  font-size: 60px;
}

.header-nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-nav-link {
  font-size: 14px;
  margin: 0 20px;
  font-weight: 600;
}

.header-nav-item:hover .header-nav-link {
  color: #01a2a6;
}

.header-nav-link-active {
  color: #01a2a6;
}

.conten {
  height: 300vh;
  background-color: #01a2a6;
}