JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <textarea rows="12" cols="8" class="divOne">
        Division One
    </textarea>    
    <table>
        <tr>
            <td>
<textarea rows="6" cols="8" class="divOne">    
    Division Two
</textarea>    
            </td>
        </tr>        
    </table>    
</div>

CSS

.wrapper
{   
    border: 1px solid #999999;
    position: relative;
    margin: 0px;
    padding: 10px;
    width: 600px;
    background-color: #FCFCFC;
    min-height: 50px;
    color: black;
    border-radius: 8px;
    -moz-border-radius: 8px;   
    line-height:normal;     
}

.divOne
{
   float:left;    
}


.wrapper:after {
    display: table;
    content: "";
    clear: both;
}