JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing="8" cellpadding="2" border="0" bgcolor="#00eeee" width="100%">
  
  <tr>
     <td>HELLO THIS IS ME INSIDE THIS CELL</td>

      <td>SOME TEXT HERE</td>
    <td>SOME TEXT HERE TOO</td>
      <td ><textarea name="myname"> HELLO THIS IS ME INSIDE THIS CELL</textarea>
      </td>
   </tr>

  </table>

CSS

td textarea{
    border:0;width:100%; background: transparent; text-align: center;resize: none;
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
word-break: break-all;
white-space: normal;

}