JSFiddle - React, Tailwind, and code Playground

HTML

<form><ul>
    <li>
        <label>Name</label>
        <input type="text" />
        <a id="nameGenerator" class="widget">[widget]</a>
    </li>
</ul></form>

CSS

form ul li{
    margin: 5px;
    clear: both;
    position:relative;
    overflow:auto; /* <-- THIS ONE */
}
form label{
    float:left;
    margin-top: 0px;
    margin-bottom: 0px;
}
form input{
    float:right;
    margin-top: 0px;
    margin-bottom: 0px;
}
form .widget{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
}