居中标签和输入文本框答案

【问题标题】：Centering lables and input text boxes居中标签和输入文本框
【发布时间】：2015-09-23 07:25:30
【问题描述】：

我有以下带有标签的输入文本字段的标签

<div>

    Start Date:
    <input type="date" id="reportsStartDate">

    End Date:
    <input type="date" id="reportsEndDate">

</div>

它看起来像这样

如您所见，文本框的标签位于文本框的下部。我该如何设置，使标签居中于如下文本框？

【问题讨论】：

【解决方案1】：

Vertical-align: middle 是必需的。如果您的输入是display:inline-block，它可以工作。

【讨论】：

【解决方案2】：

您可以为标签添加填充，使其与输入的高度相同，因为您需要在其中包含 a 和内部以提供您的标签。

【讨论】：