JSFiddle - React, Tailwind, and code Playground

HTML

<html><body><p style="width: 600px"><span id="min-width" style="float: left; width: 11%; min-width: 150px">Hello.</span><span id="width" style="float: left; width: 11%">World.</span></p></body></html>

CSS

span{
    border: 1px solid red;
}

JavaScript

$(window).resize(showWidth);
$(document).ready(showWidth);
function showWidth()
{
    $("#min-width").html( $("#min-width").width() );
    $("#width").html( $("#width").width() );
}