JSFiddle - React, Tailwind, and code Playground

by PhilippeVay

HTML

<div class="row">
    <a class="lollipop">Random text</a>
    <a class="lollipop">Random text longer</a>
    <a class="lollipop">Short</a>
</div>

<div class="beforeblock">
    <a class="lollipop">Random text</a>
    <a class="lollipop">Random text longer</a>
    <a class="lollipop">Short</a>
</div>

CSS

.row .lollipop {
    display: table-row;
    background: lightgreen;
}

.beforeblock .lollipop:before {
    content: "";
    display: block;
}
.beforeblock .lollipop {
    display: inline;
    background: yellow;
}

JavaScript

/* http://stackoverflow.com/questions/11143163/how-do-i-set-dynamic-width-to-a-block-element */