JSFiddle - React, Tailwind, and code Playground

HTML

<dl>
    <dt>First Name</dt>
    <dd><input /></dd>
    <dt>Last Name</dt>
    <dd><input /></dd>
    <dt>Phone Number</dt>
    <dd><input /></dd>
    <dt>Address</dt>
    <dd><input /></dd>
</dl>

CSS

dl {
    width: 100%;
    overflow:hidden;
}
dt {
    float: left;
    width: 50%;
    margin: 0px;
    padding: 0 5px;
    box-sizing: border-box;
}
dd {
    float: left;
    width: 50%;
    margin: 0px;
    padding: 0 5px;
    box-sizing: border-box;
}
body { font-family: sans-serif; }