JSFiddle - React, Tailwind, and code Playground

by Ruben Geert van den Berg

HTML

<div id='title'>
    <form >
        <input type='text' placeholder='Search...'>
    </form>
    </div>

CSS

div{
    position:relative;
    height:100px;
    background:#ccc;
}

form{
position:absolute;
top:50%;
right:2em;
}

form input{
position:relative;
bottom:50%;
color:#fff;
background:none;
width:10em;
outline:none;
font-size:1.5em;
border:.1em solid #fff;
border-radius:.6em;
padding:.1em .4em .2em .5em;
}