JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li><svg viewbox="0 0 250 50" preserveAspectRatio="xMidYMin"><text font-size=40 x=50 y=40>Gründung</text></svg></li>
<li>Ablauf</li>
<li>Projekte</li>
<li>Produktion</li>
<li>Marketing</li>
<li>Finanz</li>
</ul>

CSS

* {
  margin: 0;
  padding: 0;
}
div {
  font-size: 100%;
}

ul {
   display: flex; justify-content: center;
   list-style: none;
   background-color: #ccc;
   
}
li {
  width: 13%;
  text-align:center; line-height: 150%;
  border: 1px solid black;
  border-radius: 10px 10px 0 0;
}
li svg {
  width: 100%; height: 100%;
}