JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <span class="label"><a href="/index/1">Bookmix Offline</a></span>
    <span class="button"><a href="/settings/">Settings</a></span>
    <span class="button"><a href="/export_all/">Export</a></span>
    <span class="button"><a href="/import/">Import</a></span>
</div>

CSS

/* OLD CODE 
span.button {
    float:right;
}

span.label {
    margin-left: 30px;
}
*/
div
{
    direction: rtl;   
}

span.label {

    float: left;
    margin-left: 30px;
}