JSFiddle - React, Tailwind, and code Playground

by anoopsuda

HTML

<div class="search-header">
<button >X</button>
<input class="search-input" type="text" placeholder="Search" />
</div>

<input>X</input>

CSS

.search-header {
position:relative;
}
.search-header button
{
      position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 2px;
    background: transparent;
}
.search-input {
border-radius: 16px;
border: 1px solid rgb(255, 255, 255);
height: 32px;
background:#fff;
width:300px;
}