JSFiddle - React, Tailwind, and code Playground

HTML

<div class="titleBar">
    <div class="title">THIS IS A SMALL TITLE WHICH WOKS</div>
    <div class="titleOptions">DELETE EDIT MOVE</div><!-- This can vary from page to page. Sometimes all, sometimes few, sometimes none-->
</div>

<div class="titleBar">
    <div class="title">THIS IS MYsdfdsfsdfkjh sdfklj sdf;ldijs fodsij fsd;oifjsd;oi fjsd;lifj dso;ijfds;lijf sd;lij dsf fjsdfli jdsf;oij dsofi jdsofijdspoijdsfpoij dspfoij dspoij dspoijpodijdspoijspoijspoijspoijs poijspodijfdsfTITLE</div>
    <div class="titleOptions">DELETE EDIT MOVE</div><!-- This can vary from page to page. Sometimes all, sometimes few, sometimes none-->
</div>

<div class="titleBar">
    <div class="title">THIS IS MYsdfdsfsdfkjh sdfklj sdf;ldijs fodsij fsd;oifjsd;oi fjsd;lifj dso;ijfds;lijf sd;lij dsf fjsdfli jdsf;oij dsofi jdsofijdspoijdsfpoij dspfoij dspoij dspoijpodijdspoijspoijspoijspoijs poijspodijfdsfTITLE</div>
    <div class="titleOptions">MOVE</div><!-- This can vary from page to page. Sometimes all, sometimes few, sometimes none-->
</div>

CSS

.titleBar {
    width:980px;
    overflow:hidden;
    border: 1px solid #EEE;
    margin-bottom:2em;
}

.title {
    float:left;
    border: 1px solid #DDD;
}

.titleOptions {
    float:right;
    white-space:nowrap;
    border: 1px solid #DDD;
}