JSFiddle - React, Tailwind, and code Playground

HTML

<table id="wrapper">
    <tr>
        <td class="cell">
            <div contenteditable="true" id="editable">
                very long content very long content very long content very long content very long content very long content very long content very long content very long content very long content very long content very long content very long content very long content very long content very long content very long content very long content very long content very long content 
            </div>
        </td>
    </tr>
</table>

CSS

#wrapper { width:100%; 
    table-layout:fixed;
}
.cell { width:100%; }
#editable {
    width:20%;
    white-space:nowrap;    
    overflow:hidden;
    border:1px solid darkgrey;
    display: inline-block;
}