JSFiddle - React, Tailwind, and code Playground

HTML

<div id="a">
    <div id="b">
        hello world 
    </div>
    <div id="c">
        hello world hello world hello world 
        hello world hello world hello world 
    </div>
</div>

CSS

#a
{
     background-color:rgb(100,100,100);      
     width:200px;       
}

#b
{
     display:inline-block;   
     background-color:red; 
     vertical-align:top;
}
#c
{
     display:inline-block;  
     background-color:blue;   
     height:100%;
     width:100px;
     word-wrap:break-word;    
}