JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<input type="text" id="t1" placeholder="Your Name">
</div>

CSS

#t1{
  position: relative;
  display: inline-block;
  border:0;
  border-bottom: 2px solid blue;
  text-align: right;
  }
  
div{
    display: inline-block;
    position: relative;
    padding-left: 0.15em;
}

div::before {
    content: '';
    border-left: 2px solid blue;
    position: absolute;
    height: 50%;
    left: 0;
    top: 50%;
}