JSFiddle - React, Tailwind, and code Playground

HTML

<div class="left_nav">1 2 3</div>

<div class="body_main">
    <div class="top_nav_right">Create account Log in</div>
    
    <div class="top_nav">
        <span>Article Talk</span> <span class="top_nav_right2">Read
        Edit View history</span>
    </div>
</div>

CSS

.body_main {
    margin-left: 11em;
}


.top_nav_right {
    float: right;
    margin-top: 1em;
    margin-bottom: 1em;
}

.top_nav {
    clear: both;
    height: 2.5em;
    margin-top: 3em;
}


.top_nav_right2 {
    float: right;
}