JSFiddle - React, Tailwind, and code Playground

by adonis11

HTML

<nav id="nav">
  <ul>
    <li><a href="#">Пункт 1</a>
      <ul class="second">
        <li><a href="#">Подпункт</a></li>
        <li><a href="#">Подпункт</a></li>
        <li><a href="#">Подпункт</a></li>
      </ul>
    </li>
    <li><a href="#">Пункт 2</a>
      <ul class="second">
        <li><a href="#">Подпункт</a></li>
        <li><a href="#">Подпункт</a></li>
        <li><a href="#">Подпункт</a></li>
      </ul>
    </li>
    <li><a href="#">Пункт 3</a>
      <ul class="second">
        <li><a href="#">Подпункт</a></li>
        <li><a href="#">Подпункт</a></li>
        <li><a href="#">Подпункт</a></li>
      </ul>
    </li>
    <li><a href="#">Пункт 4</a>
      <ul class="second">
        <li><a href="#">Подпункт</a></li>
        <li><a href="#">Подпункт</a></li>
        <li><a href="#">Подпункт</a></li>
      </ul>
    </li>
  </ul>
</nav>

CSS

#nav > ul > li {
  float: left;
  width: 180px;
  position: relative;
}