JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
Menu
<hr>
<ul>
  <li>Zeile1</li>
  <li>Zeile1</li>
  <li>Zeile1</li>
  <li>Zeile1</li>
  <li>Zeile1</li>
</u>
<hr>
Kontakt
<hr>
</nav>
<main role="main">
<div id="info_ges">
  <div id="Tab1">
    <div class="links">
        Links1<br>
        Links2<br>
    </div>	
    <div class="rechts">
        Rechts<br>
        Rehts<br>
	</div>	
    <h3 class="cb">bbbbbbbbbbbbbbbbbbb</h3>
    <br>
  </div>
</div>
  <br> 
</main>

CSS

h3
{
    text-align: center;
}
hr
{
              /*                 margin-top: 12px;      */
    border-style: solid;
}
.cb
{
    clear: both;
}
nav
{
    float: left;
    width: 22.81746%;                     
}
main
{
    margin-left: 23.80952%;   
}
div#Tab1 div.links
{
    float: left;
	padding-right: 1%;
	width: 48%;
	text-align: right;
}	
div#Tab1 div.rechts
{
    float: right;
	padding-left: 1%;
	width: 48%;
}