JSFiddle - React, Tailwind, and code Playground

by htmlzengarden

HTML

<form action="#">
    <p>
        <label for="test">
            label
            <input type="text" name="test" id="test" placeholder="test" />
        </label>
    </p>
    <p>
        <label for="test2">
            label
        </label>
        <input type="text" name="test2" id="test2" placeholder="test" />
    </p>
    <p>
        <label for="test3">
            label
            <input type="checkbox" name="test3" id="test3" />
        </label>
    </p>
</form>

CSS

label
{
    cursor: pointer;
    background-color: red;
    display: inline-block;
    padding: 0.2em;
}
</style>
<meta name="viewport" content="width=200">
<style>