JSFiddle - React, Tailwind, and code Playground

HTML

<div id="navigation">
    <a href="DieseSeite.html"> Home</a>
    <a href="Seite 1.html"> Platzhalte</a>
    <a href="Seite 2.html"> Platzhalter</a>
    <a href="Seite 3.html"> Impressum</a>
</div>

CSS

#navigation {
background-color:white;
width:15%;
margin:0px;
padding:10px 0.5% 0px 0.5%;
top:1px;
left:1px;
right:1px; }

#navigation a,  #navigation  a visited {
Display: inline-block;
height: 30px;
width: 100%;
background-color:#C0C0C0;
border-bottom: 2px solid white;
text-align: center;
text-decoration: none;
font-family: monospace;
font-variant:small-caps}
#navigation a: hover{background-color: white}