JSFiddle - React, Tailwind, and code Playground

by mahdiar_mansouri

HTML

<body>
  <ul>
    <li>Home</li>
    <li>About</li>
    <li>Products</li>
    <li>FAQ</li>
  </ul>
</body>

CSS

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  max-width: 1280px;
  margin: 0 auto;
  list-style-type: none;
  background-color: beige;
  height: 86px;
  display: flex;
  font-size: 20px;
  justify-content: center;
  align-items: center;
  gap: 15px;
  background-color: khaki;
}

ul li {

}