html-CSS：如何在标签标签中垂直对齐文本和表单元素？

我的html文档中有一个

，其中包含一些文本和表单元素。
如何在中间垂直对齐它们

<label>
    Show
    <select name="list_length" size="1" aria-controls="admin_id">
        <option value="10" selected="selected">10</option>
        <option value="25">25</option>
        <option value="50">50</option>
        <option value="100">100</option>
    </select>
    entries per page.
</label>

<label>
    Search:
    <input type="text" aria-controls="id_281">
</label>

显示
10
25
50
100
每页的条目数。
搜索：

我也在css中添加了这个：

显示：内联块

和

垂直对齐：中间

HTML

<label>
    <span>Show</span>
    <select name="list_length" size="1" aria-controls="admin_id">
        <option value="10" selected="selected">10</option>
        <option value="25">25</option>
        <option value="50">50</option>
        <option value="100">100</option>
    </select>
    <span>entries per page.</span>
</label>

<label>
    <span>Search:</span>
    <input type="text" aria-controls="id_281">
</label>

HTML

<label>
    <span>Show</span>
    <select name="list_length" size="1" aria-controls="admin_id">
        <option value="10" selected="selected">10</option>
        <option value="25">25</option>
        <option value="50">50</option>
        <option value="100">100</option>
    </select>
    <span>entries per page.</span>
</label>

<label>
    <span>Search:</span>
    <input type="text" aria-controls="id_281">
</label>

---

将高度和线条高度设置为相同的值：

height: 50px;
line-height: 50px;

或者尝试垂直居中：

---

将高度和线条高度设置为相同的值：

height: 50px;
line-height: 50px;

或者尝试垂直居中：