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>
<input type="password" class="inputtext" style="width: 219px; ">
<div class="watermarktext" style="position: absolute;
margin: 5px 0 0 10px;">
<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>
</tbody>
</table>
</div>
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;
}