JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing="8" cellpadding="2">
    <tr>
     <td>HELLO THIS IS ME INSIDE THIS CELL</td>
     <td style="width:100%">
         <input type="text" name="myname"  value="HELLO THIS IS ME INSIDE THIS CELL" size="50"/>
      </td>
        <td>HELLO THIS IS ME INSIDE THIS CELL</td>
   </tr>

  </table>

CSS

table{
    width: 100%;
    background-color:#00eeee;
    border:0;
    display:block;
    overflow:auto;
}

input{
    width:initial; 
    background: transparent; 
    text-align: center;
    border: 0; 
}