JSFiddle - React, Tailwind, and code Playground

by brunogc

HTML

<div id="master">
    <div id="c1">
        <p>Lorem ipsum dolor sit amet non consectur dolor <br/><br/>
        looooooooooorem ipsum</p>
        
    </div>
    <div id="c2">
        <p>Lorem ipsum dolor sit amet non consectur dolor <br/><br/>
            looooooooooorem ipsum <br/>
            looooooooooorem ipsum <br/>
            looooooooooorem ipsum <br/>
            looooooooooorem ipsum <br/>
            looooooooooorem ipsum <br/>
            looooooooooorem ipsum <br/>
            looooooooooorem ipsum <br/>
    </p>
    </div>
</div>

CSS

#master{
    border: 1px solid red;
}
#c1{
    border: 1px solid blue;
  
    display: table-cell;
    width: 40%;
    vertical-align: middle;
}
#c2{
    border:1px solid orange;
    
     display: table-cell;
    width: 60%;
}