JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="content">Ganz viel unwichtiger Text.</div>
    <div id="navigation">
        <span class="left">LINKStzhtztzghggghhhhhhhhhhhhhhhhhhghgghghh
            tztztzehghghghgh</span>        
        <span class="right">RECHTS</span>
    </div>
</div>

CSS

#wrapper {
    display: inline-block ;
    background-color: #EAEAEA ;
}

.left {
    float: left ;
}

.right {
    float: right ;
}