JSFiddle - React, Tailwind, and code Playground

by lonewolfs

HTML

<div id="content">
    <div class="row"><div class="cellx">Label1</div><div class="celly"><textarea class="1" rows="3" cols="30"></textarea></div></div>
    <div class="row"><div class="cellx">Label2</div><div class="celly"><textarea class="1" rows="3" cols="30"></textarea></div></div>
</div>

CSS

div{
    border:thin solid #F00;
    margin:2px;
}
#content{
    height:auto;
    width:auto;
}
.row{
    width:auto;
    height:auto;
    display:block;
    margin:5px;
}
.cellx,.celly{
*width:300px;
    height:auto;
    padding:3px; 
    display:table-cell;
    vertical-align:middle;
border:none;
}
.cellx{width:100px;}
.celly{width:auto;}
textarea{
    resize:none;
    overflow:auto;
    vertical-align:bottom;
}