JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<nav>
	<a href=''>Test test</a>
	<a href=''>Test 123 test abc 123 abc</a>
	<a href=''>Test123</a>
	<a href=''>Testabc123abc123</a>
	<a href=''>Testabc123</a>
	<a href=''>Test 123 abc</a>
</nav>

<h1>Ăśberschrift</h1>

</body>

CSS

body {
	width: 600px;
}

nav {
	background: #008b17;
	font-size: 3ex;
	color: white;
	padding: 10px;
    display: flex;
}

nav a {
	color: white;
    background-color: red;
    text-align: center;
}


h1 {
	padding-left: 1ex;
	color: white;
	background: #2f5496;
}