JSFiddle - React, Tailwind, and code Playground

by Kyle

HTML

<div class="jsfiddlewrap">
    <table>
        <tr>
            <td class="myTd">
    <textarea class="myTextarea">
Content
    </textarea>
            </td>
            <td>
                Non textarea content
            </td>
        </tr>
    </table>
</div>

CSS

.jsfiddlewrap /*for jsfiddle only*/
{
    width: 300px;
    height: 200px;
    background-color: #00f;
    padding: 5px;
}

.myTextarea
{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding; 0;
}

.myTd
{
    height: 50px;
    width: 50px;
    /*next two rules to show TD only. Remove padding to see that the textarea does in fact fill the entire TD*/
    padding: 5px;
    background-color: #f00;
}