JSFiddle - React, Tailwind, and code Playground

by bschafer

HTML

<p><label for="title">Car</label><input id="title"/></p>
<p><label for="title">Firetruck and Airplane</label><input id="title"/></p>
<p><label for="title">Ambulance</label><input id="title"/></p>
<p><label for="title">Truck</label><input id="title"/></p>

CSS

label {
    text-align: right;
    display: inline-block;
    margin-right: 4px;
    margin-left: 5px;
}
label:after
{
    content: ':';
}

JavaScript

var maxwidth = 0;

$("label").each( function () {
    var _width = $(this).width();
    if (_width > maxwidth)
    {
        maxwidth = _width;
    }
}).each( function () {
    $(this).width(maxwidth);
});
    
alert(maxwidth);