JSFiddle - React, Tailwind, and code Playground

by JM note

HTML

<style>
  body { margin: 0; }
  .navbar>ul {
    background: hotpink;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .navbar>ul>li {
    display: inline-block;
    padding: 0;
  }
  .navbar>ul>li>a {
    display: block;
    text-decoration: none;
    padding: 10px 20px;
    color: white;
  }
  .navbar>ul>li>a:hover { background: deeppink; }
</style>

<nav class="navbar">
  <ul>
    <li><a href="#">홈</a></li>
    <li><a href="#">1번 메뉴</a></li>
    <li><a href="#">2번 메뉴</a></li>
    <li><a href="#">3번 메뉴</a></li>
  </ul>
</nav>