JSFiddle - React, Tailwind, and code Playground

HTML

<div class="form-container">
    <div class="field-group">
        <label>Nama Penuh</label>
        <input placeholder="Nama penuh" class="full">
    </div>
        
    <div class="field-group">
        <label>Telefon</label>
        <input placeholder="Telefon" class="short">
    </div>    
        
    <div class="field-group">
        <label>Email</label>
        <input placeholder="Email" class="medium">
    </div>
        
    <div class="field-group">
        <label>Alamat</label>
        <textarea placeholder="Alamat" class="full"></textarea>
    </div>
        
    <div class="field-group">
        <label>Poskod</label>
        <input placeholder="Poskod" class="short">
    </div>    
        
    <div class="field-group">
        <label>Pekan / Bandar / Daerah</label>
        <input placeholder="Pekan / Bandar / Daerah" class="medium">
    </div>
        
    <div class="field-group">
        <label>Negeri</label>
        <!-- <input placeholder="Negeri" class="medium"> -->
        <select class="medium">
            <option>Kuala Lumpur</option>
            <option>Selangor</option>
            <option>Negeri Sembilan</option>
            <option>Melaka</option>
            <option>Johor</option>
            <option>Perak</option>
            <option>Kedah</option>
            <option>Pulau Pinang</option>
            <option>Perlis</option>
            <option>Pahang</option>
            <option>Terengganu</option>
            <option>Kelantan</option>
            <option>Sabah</option>
            <option>Sarawak</option>
            </select>
    </div>
        
    <div class="field-group-button">
        <button>Daftar</button>
    </div>        
</div>

CSS

.form-container { width: 510px; }
.form-container input, .form-container textarea, .form-container select { 
    box-shadow: inset 1px 2px 5px rgba(0,0,0,0.3); 
    border: 1px solid #aaa;
    height: 30px;
    border-radius: 5px;
    background-color: #f0f0f0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    color: #333;
    outline: none;
    font-size: 14px;
}
.form-container textarea { height: 60px; font-family: Arial; resize: none; }
.form-container .full { width: 500px; }
.form-container .short { width: 200px; }
.form-container .medium { width: 290px; }

.form-container label { display: block; font-size: 14px; color: #333; margin-bottom: 5px; font-weight: bold; }

.form-container .field-group { font-family: Arial; float: left; margin-right: 10px; margin-bottom: 12px; }

.field-group-button { width: 100%; clear: both; }
.form-container button { height: 40px; min-width: 100px; }