JSFiddle - React, Tailwind, and code Playground

by nothrem

HTML

<div style="text-align: justify">
	        <div style="min-height:300px; float: left;"><!-- always display 300px box on the left -->
	            <img src='http://marketingland.com/wp-content/ml-loads/2014/07/facebook-f-logo-1920-800x450.png' align='left' style="max-width: 300px; max-height: 300px; width: auto; height: auto;" />
	        </div>
	        <h2>
	            mytextasdfasdfasdfasdffs
	        </h2>
	        asdasfsfsfdsgsfgsfgsfgsfg<br>
	        asdasfsfsfdsgsfgsfgsfgsfg<br>
	        asdasfsfsfdsgsfgsfgsfgsfg<br>
	        asdasfsfsfdsgsfgsfgsfgsfg<br>
	        asdasfsfsfdsgsfgsfgsfgsfg<br>
	        asdasfsfsfdsgsfgsfgsfgsfg<br>
	        asdasfsfsfdsgsfgsfgsfgsfg<br>
	        asdasfsfsfdsgsfgsfgsfgsfg<br>
	        asdasfsfsfdsgsfgsfgsfgsfg<br>
	        asdasfsfsfdsgsfgsfgsfgsfg<br>
	        asdasfsfsfdsgsfgsfgsfgsfg<br>
	        asdasfsfsfdsgsfgsfgsfgsfg<br>
	        asdasfsfsfdsgsfgsfgsfgsfg<br>
	        asdasfsfsfdsgsfgsfgsfgsfg<br>
	        asdasfsfsfdsgsfgsfgsfgsfg<br>
	        asdasfsfsfdsgsfgsfgsfgsfg<br>
	        asdasfsfsfdsgsfgsfgsfgsfg<br>
	        asdasfsfsfdsgsfgsfgsfgsfg<br>
	        asdasfsfsfdsgsfgsfgsfgsfg<br>
	    </div>