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
{
  display:inline-block;
	border: 1px solid #CECECE; 
    border-radius: 0px; 
    FONT-SIZE:.9em;
}

#navlinks:first-child {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}

#navlinks:last-child {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}

.navButton {
     background:none!important;
     border: none; 
     border-left: 1px solid #cecece;
     font-family:arial,sans-serif; /*input has OS specific font-family*/
     color:#264A4A;
	   FONT-SIZE:.9em;
     padding-right:10px;  
     text-decoration:none;
     cursor:pointer;

}

.navButton:first-child {
border: none;
}