JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="h_list">
    <li>
        <a href="#" class="btn">Hi</a>
    </li>
    <li>
        <form>
            <button type="submit">Hi</button>
        </form>
    </li>
    <li>
        <form>
            <input type="submit" value="Hi" class="btn"/>
        </form>
    </li>
</ul>

CSS

ul.h_list li {
    list-style: none;
    float: left;
}

button, .btn {
    display: block;
    vertical-align: middle;
    font: 14px/1 arial;
    text-decoration: none;
    padding: 0.2em 0.5em;
    margin: 0 0.3em;
    color: #21759b;
    background: #f1f1f1;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    border: 1px solid #777;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}