JSFiddle - React, Tailwind, and code Playground

by Nandhakumar Udayasuryan

HTML

<table cellspacing="8" cellpadding="2" border="1" bgcolor="#aaa">
<tr>
    <td>Col1</td><td>Col2</td><td>Col3</td><td>Col4</td>        <td>Col5</td>
    </tr>
  <tr>
     <td>XYZ</td>
     <td>HELLO THIS IS ME INSIDE THIS CELL</td>
     <td>PQR</td>
     <td>STU</td>
     <td><div class="dub">HELLO THIS IS ME INSIDE THIS CELL</div><input type="text" name="myname" value="HELLO THIS IS ME INSIDE THIS CELL"/>
      </td>
   </tr>
  </table>

CSS

input {
    border: 1px solid red;
    width: 100%; 
    background: transparent;
}
input, .dub {
    font-size: 11px;
}
.dub {
    display:block;
    height:0px;
    overflow: hidden;
}