Untitled

dabblet.css

html {

}

.image-block {

  vertical-align: top;
  margin: 0px;
  
 -ms-word-break: break-all;
     word-break: break-all;

     // Non standard for webkit
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
         
}

  .image-block .bd {
    display:table-cell;
   vertical-align: top;
   zoom:1;
    > :first-child{ margin-top:0; }
   > :last-child{ margin-bottom:0; }
 }
  .image-block .img {
   float: left;
   vertical-align: top;
 }

dabblet.html

<p>Alphanumeric chars</p>

<div class="image-block" style="background: blue">
	<div class="img" style="background: red">
		Icon
	</div>
	<div class="bd" style="background: green">
		sdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsdsdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsdsdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsdsdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsdsdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsdsdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsdsdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsdsdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsdsdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsdsdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsdsdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsdsdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsdsdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsdsdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsdsdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsdsdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsdsdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsdsdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsdsdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsdsdfjsdfhsdkjfhsdjkfsdhfjksdhfjksdhfkjsdkjfsd
	</div>	
</div>

<p>Mixed chars from URL Token</p>

<div class="image-block" style="background: blue">
	<div class="img" style="background: red">
		Icon
	</div>
	<div class="bd" style="background: green">
		eJw1jtFuwyAMRf%2BlUvLWQKCUlQhN7Z%2BgwBYUAigYrVvVf5%2BZ1rdz7Cv7GjWqh1d0KoqdpToUZ%2FZ5mRaArAhZU3Zx2My%2BQg7GQBliIEv15eji0cfdzwv4%2BEkKJBdcJLPgdFhgC%2B%2F3oMfeFg2p49ex47dcEShCQLsKemrIGvI2tR6xxfIrBgg%2FHvVWPmx5XYH%2F9dZysW4OO7T0HZUJSS9vzb7RTpLKM0dbv9BSta5jgtG%2FqjhNuX1kfc5V077soLPtcyowJ%2Bu0FCM%2FTM9f2KhWXg%3D%3D&df=1&fta=eNotkWtu4zAMhO8iYPObeksUfIW9QqBn11inFiKn9bbo3Stm%2B%2B%2FDDCkORhEtfg50yB737foWt8HCQC49snNb%2BKWM5diRh%2F5ACBtHDSpsArWEUFYMvZN84Mfaw2hl0OQxpVvH18et3tccthOFtuBd2P6hsmCNDH%2FfcX%2BU%2BkvAOPa6hb2vKC69Pxa4jPux9HLp%2BzjyXupiNZeUSSHr8aWysM4jAyWytTzDCjPD8pZTzk6cvBkfi6gTipZCkBJV1tFMaAqaIsipcK4nJEg%2BJwLOiyCoyicXadhVrYGsViR3pNhmjDoFQJQiVQKttUkE2fqoTl6ri%2Bp5vTrp0%2FNWBV44zdgGopFVeVaKEqrsDFlcN6VpKyWXC1mpQvGNtnzk8HM0RUHQahGSXgYw1RJYk1umB7OfEf9%2FIbJj77GM61ZfX44%2FVBxMY5Z1i%2BeVupz1FRSKOkQW31n4%2FYNvLEQE%2FPz6%2BgYwaaWe	
	</div>	
</div>

settings.json

{"view":"split","seethrough":"","prefixfree":"1","page":"html"}