JSFiddle - React, Tailwind, and code Playground

by camel2243

HTML

<div id="div1">
    <div id="div2">
            SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
    </div>
</div>

CSS

#div1 { 
    display:table;  
    word-break:break-all;
} 

#div2
{
    max-width: 150px;
    height: 150px;;
    background-color:#0F0;
    display: table-cell; 
    vertical-align: middle;
}