JSFiddle - React, Tailwind, and code Playground

by jack_pallot

HTML

<form id="newsletter">
    <input type="text"></input>
    <input type="submit" value="&gt;"></input>
</form>

CSS

/* these elements display inline by default */

form#newsletter {
    margin: 10px 0;
    padding: 10px 0;
}

form#newsletter input {
    background: #CCC;
    padding: 9px;
    border: 0;
    margin-right: -6px;
}
form#newsletter input[type=submit] {
    color: #333;
    font-size: 0.9em;
    font-weight: bold;
    background: #e1e1e1;
}