如何避免使用内联关联输入的“底部对齐”标签？

Question

我对表单字段使用'ul'标记，并在每个li标记中使用标准的Html.Label和Html.Editor助手放置标签和输入，除了下拉列表，我使用的地方DevExpress ComboBox扩展名。这会渲染一个表而不是一个select标签，这很好，但是当我将此表上的CSS display 属性设置为'inline-block'以将其放在它的标签旁边时，标签会被推送向下，它通常与输入中间对齐，现在它与输入“底部对齐”。如何将“课程类型”标签与图像中的“名称”标签对齐？

呈现的HTML非常类似于以下内容，只是为了简洁而缩短：

<li>
    <label for="" style="width: 80px;">*Course Type</label>
    <table class="dxeButtonEdit_Office2010Black">
        </tbody>
    </table>
</li>

Answer 1

改为使用“内联表格”样式：

Possible ways of arranging DevExpress controls within a page

Data Editors - Model Validation