JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <input type="text" name="texto" value="Caja Input"/>
</div>

CSS

div{
     width:150px;
    height:50px;
    position:relative;
    text-align:center;
}
input{
    border:0;
    width:149px;
    /*height:50px;*/
    position:relative;
    text-align:center;
    font-size:20px;
    color:#AAA;
   
}
div:before{
      position:absolute; left:0; bottom:20px;
      content:"";
      border: 2px solid #ccc;
        border-top:0;
      width:150px;
      height:10px;  
}