JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
              <ul>
                <li><a href="#" title="о проекте">о проекте</a></li>
                <li><a href="#" title="наша команда">наша команда</a></li>
                <li><a href="#" title="как и зачем">как и зачем</a></li>
                <li><a href="#" title="новый алгоритм">новый алгоритм</a></li>
                <li><a href="#" title="присоединиться">присоединиться</a></li>
              </ul>
            </nav>

CSS

nav {
  width: 60%;
  border: 5px solid red;
  background-color: lightblue;
  /* margin-left: 250px; */
}

nav ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  /* flex-wrap: nowrap */
  border: 2px solid red;
}

nav ul li {
  border: 2px solid red;
  list-style: none;
  /* width: 100px; */
}