JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">

div.input {
 
 position: relative;
 border-radius:20px;
 border:1px solid black;
 border-top:2px solid black;
 overflow: hidden;
}

div.input input {
    width: 100%;
 height: 20px;
    border: none;
    background: none;
}

div.input img {
    position: absolute;
 float: left;
 margin:6px 10px 0px;
}
div.cont{
    margin:0 10px;
}
div.cont span{
    padding-right: 2px;
    float:left;
}
</style>
</head>
<body>
<div class="cont">
    <span>newr</span><div class="input"><img src="image/poisk.png" alt="" /><input type="text" /></div>
</div>
</body>
</html>