JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
  <h2>Inhalt</h2>
  <ul>
    <li>Eins
      <ul>
        <li>Eins-Eins</li>
        <li>Eins-Zwei
          <ul>
            <li>Eins-Eins</li>
            <li>Eins-Zwei</li>
            <li>Eins-Zwei</li>
          </ul>
        </li>
        <li>Eins-Zwei</li>
    </ul>
  </li>
  <li>Zwei</li>
  <li>Drei</li>
  <li>Vier</li>
  <li>Fünf</li>
  </ul>
</nav>

CSS

nav {
  width: 10em; 
  background-color: #000;
  color: #ff0;
  padding: 1em;
  border-radius: 10px;
}
nav h2 {
  padding: 0 0 0.3em 0;  /* Werte für oben, rechts, unten links. 0.3em ÜBER dem Strich */
  margin: 0 0 0.5em 0; /* Werte für oben, rechts, unten links. 0.5em UNTER dem Strich */
  border-bottom: 2px solid white;
}
nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
nav ul ul {
  margin: 0.5em 0;   /* Wert 1 für oben/unten, Wert 2 für links/rechts */
  padding-left: 1em;
}