JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:600px; height:58px; max-width: 600px; background-image:url(http://itrace.co.za/images/emailfiles/banner.png); 	background-repeat:no-repeat; display:block; max-width: 600px; font-family:Arial, Helvetica, sans-serif; font-size:19px; color:#000; 	text-align:center; padding-top:12px;"><b>Bla Bla Bla Bla Bla Bla </b>

        <div id="abc" style="height:16px; display: inline-block; max-height:16px; padding-left:88px; padding-right:88px; margin-top:18px; font-size:0.6em; letter-spacing:-0.02em; position:relative;"><strong>Website: </strong>www.blabla.co.za | <strong>E-mail: </strong>infoccccccccccccc info.co.za info@b<strong>Control Centre: </strong>0-2</div>
    </div>

JavaScript

$(function() {
    var div = $('#abc');
    var fontSize = parseInt(div.css('font-size'));
    
    do {
        fontSize--;
        div.css('font-size', fontSize.toString() + 'px');
    } while (div.width() >= 400);
});