JSFiddle - React, Tailwind, and code Playground

HTML

<body  >

      <div id='mainContainer'>
        <div id='lt'>This is The information This is The information This is The information</div>
        <div id='icon'></div>

      </div>
      <br/>
      <input type='button' onClick='showBadSize()' value="click to auto resize to show gap" style='margin-top:20px;float:left; clear:left' />
    </body>

CSS

*{
	padding:0;
	margin:0;
	top:0;
	left:0;
}
#mainContainer{
	width:100%;
	border:black solid thin;
}

#lt{
	 color: black;
	 background-color:gray;
	 tex-align:left;
	 max-width:90%;
	float:left;

}
#icon{
	width:20px;
	height:20px;
	background-color:blue;
	float:left;
}

JavaScript

window.onresize = () => {
	document.getElementById('lt').style.width = "";
}
showBadSize = () =>{
	document.getElementById('lt').style.width = "294px";
}