JSFiddle - React, Tailwind, and code Playground

by mehulkar

HTML

<div class="bar">
    <input type="text" placeholder="SEARCH">
    </input>
</div>

CSS

.bar {
    background-color:#222222;
    height:40px; // how to make this div expand without adding height?
    margin-top:100px; // "result" label was in the way.
}

input {
    float:right;
    margin-right:50px;
    width:250px;
    font-size:13px;
    background-color:#7A7A7A;
    border:0 none;
    padding:5px;
    color:#222222;
    border:solid 1px #aaa;
}
input::-webkit-input-placeholder { color: #444444; }