javascript - 在同一行的表单字段内显示 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;
}