在同一行的表單字段中顯示div

Question

• 你能告訴我如何在形式內使div對齊
• 提供以下代碼

• 顯示：表格單元無法正常使用http://codepen.io/anon/pen/EKwOKa

   <div class="form-fields"> <label>Name:</label> <input type="text" name="name" id="name" class="stored" value="" /><br> <label>Email:</label> <input type="email" name="email" id="email" class="stored" value="" /><br> <label>Message:</label> <textarea name="message" id="message" class="stored"></textarea><br> </div> <div class="upload-image"> <div class="upload-image-preview"></div> <input type="file" name="file" value="Upload Image" /> </div> 

Answer 1

vertical-align: top; 將有助於頂部對齊。

.form-fields {
  display: table-cell;
  vertical-align: top;
}