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; ">
                                                     <div style="position: relative;">
                                                         <div sytle="position: absolute; left:0px;">
                                                             <input type="password" class="inputtext" style="width: 219px; ">
                                                         </div>
                                                         <div class="watermarktext" style="position:absolute; left:0px">
                                                             <span>passwd</span>
                                                         </div>
                                                     </div>
                                                 </td>
                                                 <td align="left" style="vertical-align: top; ">
                                                     <button type="button" class="submitbutton">
                                                         Go
                                                     </button>
                                                 </td>
                                             </tr>
                                         </tbody>
                                     </table>
                                ...

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;  
             }