JSFiddle - React, Tailwind, and code Playground

HTML

<br/>
<br/>
example 1:
<div class='justified'>
        <button>button1</button>
        <button>button2</button>
    ABCDEF
</div>

example 2:
<div class='justified'>
        <button>button1</button>
    GHIJKLMN
</div>

CSS

/* Based on: */
/* http://stackoverflow.com/questions/6865194/ */
/* http://jsfiddle.net/thirtydot/EDp8R/ */
div.justified {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    border: thin solid purple;
    overflow: auto;
}
div.justified button:last-child {
    float: right;
}