JSFiddle - React, Tailwind, and code Playground

by jasonkylefrank

HTML

<div class="wrapper">
    <input type="text" />
    <button>GO</button>
</div>

CSS

.wrapper {
    border:1px solid #000;
    display:inline-block;
    
    width: 200px;
    /*overflow: hidden;*/
}

input,
button {
    background-color:transparent;
    border:0;
    cursor: pointer;
}
button {
    font-size: .7em;
    transition:  all 0.1s ease;
    
    /*text-align: right;*/
    float: right;
    vertical-align: bottom;
}
button:hover {
    background-color: lightGray;
    font-size: .9em;
}