css - 标签不会与部分垂直对齐

Question

我想不出一种方法来在部分旁边垂直对齐省份。我尝试在标签上使用 height auto 也尝试了几个 css 显示，但没有任何效果。我只希望省份垂直位于中间部分旁边，其中有带选项标签的省份。任何帮助将不胜感激。

<label class="lselect" for="province">Province: </label>
            <select name="province" size="2">
                <optgroup label="Province">
                <option value="alberta">Alberta</option>
                <option value="bc">British Colombia</option>
                <option value="manitoba">Manitoba</option>
                <option value="newbrunswick">New Brunswick</option>
                </optgroup>
            </select>

http://jsfiddle.net/rbamwdvb/

Answer 1

可能不是最好的解决方案，但一种解决方案是:

.lselect{
    vertical-align: 35px;
}