JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<div class='drittel_links'>
123
</div>
<div class='drittel_mitte'>
456
</div>

<div class='drittel_rechts'>
<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>
</div>

CSS

.drittel_links {
  width:33%;
  float: left;
  display:inline-block;

}
.drittel_mitte {
  width:33%;
display:inline-block;
}

.drittel_rechts {
  width:33%;
  float: right;
display:inline-block
}

nav
{

	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; 
	     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; 
}