JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<nav>
<FORM ACTION="" id="navlinks" METHOD=POST accept-charset="utf-8">
<button class='navButton' name='leeren' value='1'>Empty</button>
<button class='navButton' name='nav_link' value='prev__49_2017__2'>Prev</button>
<button class='navButton' name='nav_link' value='next__51_2017__2'>Next</button>
<button class='navButton' name='nav_link' value='aktuell__1513433888__2' title='Aktuell'>Aktuell</button>
</FORM></nav>

CSS

nav
{
	padding: 0.7em;
	background: #F2F2F2;
	text-align: right;
	height: 60px;
}

#navlinks
{
	border: 1px solid #CECECE; 
    border-radius: 3px; 
    FONT-SIZE:.9em;
    display:inline-block
}

.navButton {
     background:none!important;
     border: none; 
	 border-radius: 3px; 
     font-family:arial,sans-serif; /*input has OS specific font-family*/
     color:#264A4A;
	 FONT-SIZE:.9em;
     text-decoration:none;
     cursor:pointer;
padding: 2px 5px;
}

.navButton {
     border: none; 
     border-left: 1px solid #cecece;
}
.navButton:first-of-type {
     border: none; 
}