JSFiddle - React, Tailwind, and code Playground

HTML

<div class='icon'></div>
<input type='email' class='email' placeholder='email'/>

CSS

.email{
   border:1px solid black;
    padding-left: 5px;
    float:left;
    border-left:none;
    outline:none ;
    margin-left:-3px
}
.icon{
 background-image: url('http://www.letsgocook.net/sites/default/img/email.png');
    background-repeat: no-repeat;
background-position:center center ;
   
    float:left;
    width:30px;
    height:18px;
    margin-top:2px;
      border:1px solid black;
    border-right:none
}