JSFiddle - React, Tailwind, and code Playground

HTML

<div class='containerarbol'>
     <table cellspacing="15" cellpadding="0" class="containerarbol">
         <tbody>
             <tr>
                 <td align="right" style="vertical-align: top; ">
                     <table cellspacing="8" cellpadding="0">
                         <tbody>
                             <tr>
                                 <td align="left" style="vertical-align: top; ">
                                     <table cellspacing="0" cellpadding="0">
                                         <tbody>
                                             <tr>
                                                 <td align="left" style="vertical-align: top; position: relative; ">
                                                     <div>
                                                         <input type="password" class="inputtext" style="width: 219px; ">
                                                         <div class="watermarktext" style="position: absolute; top: 5px; left: 10px; z-index: 3;">
                                                             <span>passwd</span>
                                                         </div>
                                                     </div>
                                                 </td>
                                                 <td align="left" style="vertical-align: top; ">
                                                     <button type="button" class="submitbutton">
                                                         Go
                                                     </button>
                                                 </td>
                                             </tr>
                                         </tbody>
                                     </table>
                                 </td>
                             </tr>
                         </tbody>
                     </table>
                 </td>
             </tr>
        ...

CSS

.containerarbol {
            width:100%;
            height:253px;
}
         .sinsaltodelinea{
             min-width:243px; width: auto !important; width: 243px; 
}
            
        .inputtext{
            padding: 9px;  
            border: solid 2px #E5E5E5;  
               outline: 0;  
            font: normal 15px/100% Verdana, Tahoma, sans-serif;
            -webkit-border-radius: 5px;  
            -moz-border-radius: 5px; 
            color: black; 
            float:left;
          }
          .watermarktext {
                   color: #BDBDBD;
                   font: italic 15px/100% Verdana, Tahoma, sans-serif;
                   z-index: 5;                   
                   float: left;       
}            
        .submitbutton {  
                width: 53px; 
                margin-left: 5px; 
                padding: 9px 15px;  
               background: #617798;  
              border: 0;  
                font-size: 16px;  
                color: #FFFFFF;  
                -webkit-border-radius: 8px;  
             -moz-border-radius: 8px;  
             }