JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jquery-textfill.github.com/jquery-textfill/jquery.textfill.min.js"></script>
<div class="variablewidth">
    <span>Variable-width container</span>
</div>

CSS

.variablewidth{
  position: relative;
  float: left;
  clear: both;
  margin-top: 20px;
  background-color: yellow;
  text-align: center;
  width: 40%;
}

JavaScript

$(window).resize(function() {
  $('.variablewidth').textfill({ 
    maxFontPixels: 250,
    widthOnly: true 
  });
});

$(window).resize();