JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>

        <div class="one">
            Arbitra
            <div class="two">more...</div>
        </div>

        <div class="one">
            Arbitrarily long title
            <div class="two">more...</div>
        </div>

        <!-- This sort of simulates what I want, but the title length is arbitrary and I don't want to have to measure the text -->
        <div class="one">
            Arbitrarily long title
            <div class="two">more...</div>
        </div>

    </body>
</html>

CSS

.one{
    width:auto; 
    float:left;
    border:thin red solid;
    margin:5px;
}
.two{
    float:right
}