在同一行的表单字段中显示div

Question

• 你能告诉我如何在表格中制作div来对齐
• 提供以下代码

• 显示：table-cell无法正常工作 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;
}