JSFiddle - React, Tailwind, and code Playground

HTML

<div class="links">
<h1>Hauptfächer</h1>
    </div>

<hr>
 <div class="rechts">
<h1>Nebenfächer</h1>
    </div>

CSS

hr { width: 1px; height: 300px;}
.links { float: left; }
.rechts { float: right; }