JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
<body>
    <div class="section">
        <span class="element-left">some text</span>
        <span class="element-right-a">some text</span>
    </div>
    <div class="section">
        <span class="element-left">some text</span>
        <span class="element-right-a">some more text to force line wrapping</span>
    </div>
    <div class="section">
        <span class="element-left">some text</span>
        <span class="element-right-b">some text</span>
    </div>
    <div class="section">
        <span class="element-left">some text</span>
        <span class="element-right-b">some more text to force line wrapping</span>
    </div>
    <div class="section">
        <span class="element-left">some text</span>
        <span class="element-right-b">some more text to force line wrapping</span>
    </div>
</body>

CSS

.section {
    display: block;
    width: 200px;
    border: 1px dashed blue;
    margin-bottom: 10px;
}
.element-left,
.element-right-a,
.element-right-b {
    display: table-cell;
    background-color: #ccc;
    vertical-align: top;
    width: 100px;
}
.element-right-a,
.element-right-b {
    width: 100px;
}