JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1" >    
      <tr><td>
          <div style="width:200px">hhhh
          </div></td><td>sssss</td>
      </tr>      
      <tr>
        <td >
          <div style='width:100%;display:table;text-align:center;'>        
            <INPUT type='text' class='txt' ID='A12x1' NAME='A12x1'   />
            <input style='display: table-cell;' type='image' class='btn' src='http://myimages.bravenet.com/109/910/420/9/Arrow.png'/>
          </div></td><td>kpu</td>
      </tr>
    </table>

CSS

.txt 
{ 
    width:100%; 
    BORDER: silver 1px solid;  
    vertical-align:middle;
    display: table-cell;
    text-align:center;
 }
    
.btn{ cursor: pointer;
    width: 18px;
    height: 26px;
    vertical-align: middle;
     display: table-cell;
     text-align:center;
    }