JSFiddle - React, Tailwind, and code Playground

HTML

<form action="#" method="post">
    <fieldset>
        <ul>
            <li>
                <label for="firstname">First name</label>
                <input id="firstname" type="text" value="David" />
            </li>
            <li>
                <label for="nickname">First name</label>
                <input id="nickname" type="text" value="Meo" />
            </li>
            <li>
                <label for="desc">Description</label>
                <textarea id="desc"></textarea>
            </li>
            <li>
                <label for="test">Test</label>
                <input id="test" type="text" value="test" />
            </li>
        </ul>
    </fieldset>
<form>

CSS

form {
    width: 300px;
    margin: 0 auto;
}

label {
    float: right;
    width: 30%;
}

input {
    float: left;
}

form ul {
    list-style-type: none;
    margin: 0;
}

form ul li {
    clear: both;
}