💫 ul>li 정렬(row)

html

    <nav class="main_nav">
      <ul>
        <li><a href="#none">메뉴1</a></li>
        <li><a href="#none">메뉴2</a></li>
        <li><a href="#none">메뉴3</a></li>
        <li><a href="#none">메뉴4</a></li>
        <li><a href="#none">메뉴5</a></li>
      </ul>
    </nav>

css

<style>
nav{
  width: 850px;
  height: 70px;
  margin: 15px auto;
  line-height: 70px;
}
nav ul{
  display: flex;
}
nav ul li{
  width: calc(850px/5);
  text-align: center;
  background-color: rgb(100, 214, 237);
}
nav ul li>a{
  color: #fff;
}
nav ul li:hover{
  background-color: rgb(224, 254, 255);
}
</style>

📌

li에 background color값 주기