JSFiddle - React, Tailwind, and code Playground

HTML

<form action="http://localhost/songadded.php" method="post" id="songform">

    <h4>Add a New Song</h4>

    <div class="form-item">
        <label for="name">Name:</label>
        <input type="text" name="name" size="30" value=""/>
    </div>

    <div class="form-item">
        <label for="artist">Artist:</label>
        <input type="text" name="artist" size="30" value=""/>
    </div>

    <div class="form-item">
        <label for="album">Album:</label>
        <input type="text" name="album" size="30" value=""/>
    </div>

    <div class="form-item">
        <label for="genre">Genre:</label>
        <input type="text" name="genre" size="30" value=""/>
    </div>

    <div class="form-item">
        <label for="release_date" id="rdlabel">Release Date (YYYY-MM-DD):</label>
        <input type="text" name="release_date" size="30" value="" id="rdinput"/>
    </div>

    <div class="form-item">
        <label for="bpm">BPM:</label>
        <input type="text" name="bpm" maxlength="3" value=""/>
    </div>

    <div id="songsubmit">
    <input type="submit" name="submit" value="Add Song"/>
    </div>
</form>

CSS

#songform {
margin: 20px;
}

label {
float: left;
width: 130px;
margin-top: 20px;
clear: right;
}
.form-item {
        clear: left;
}
input{
margin-top: 20px;
}


#songsubmit {
margin-left: 80px;
}