如何对齐输入字段？

Question

我有两个包含日期和时间值的表格行。我的输入字段不居中，我将tr对齐到左边。所以我试图从第一个tr和第二个tr中心输入。

以下是示例：https://jsfiddle.net/dmilos89/qyq9cp7j/

HTML code：

<tr align="left">
   <td class="dateTime">
      <label>Pick up Date</label>
      <input name="DateFrom" id="DateFrom" style="width:100px" size="10" maxlength="10" class="dtefld" value="">
      <label>Pick up Time</label>
      <input name="TimeFrom" id="TimeFrom" class="time" type="text" size="10" maxlength="10" value="">
   </td>
</tr>
<br>
<tr align="left">
  <td class="dateTime">
     <label>Drop off Date</label>
     <input name="DateTo" id="DateTo" style="width:100px" size="10" maxlength="10" class="dtefld" value="">
     <label>Drop off Time</label>
     <input name="TimeTo" id="TimeTo" class="time" type="text" size="10" maxlength="10" value="">
   </td>
</tr>

如果有人知道如何解决这个问题，请告诉我。感谢。

Answer 1

这解决了它：

label {display: inline-block; width: 100px;}

预览