<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>
.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; }