JSFiddle - React, Tailwind, and code Playground

by monkeydispenser

HTML

<div class="input">
        <label for="field-topsearch">Search</label>
        <div class="value">
            <div>
                <input id="field-topsearch" maxlength="256" type="text" name="search_str" value=""/>
            </div>
            <input type="submit" class="button-start-search submit " value="Go!"/>
        </div>
    </div>

CSS

.value {
        position: relative;
    }
    .value>div {
        margin-left: 60px;
        margin-right: 40px;
    }
    label {
        position: absolute;
        top: 0px;
        left: 0px;
    }
    input.submit {
        position: absolute;
        top: 0px;
        right: 0px;
    }
    input[type="text"] {
        width: 100%;
    }