JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
		
			<ul id="mini_nav">
				<li><a href="#">Impressum</a></li>
				<li><a href="#">Kontakt</a></li>
				<li><a href="#">LiveChat</a></li>
			
			</ul>
			
			
		
		</div>

CSS

html, body {


font-family: 'Open Sans', sans-serif;
font-size: 100%;
margin: 0;
padding: 0;

}

#mini_nav {


margin: 0;
padding: 0;

background-color: grey;
color: white;
list-style: none;

text-align: right;



}

#mini_nav li {

margin: 0:
padding: 0;
display: inline;





}

#mini_nav li a {


margin: 0;
padding: 0;
text-decoration: none;
color:white;

font-size: 13px;




}

#logo {

text-align: center;

}