如何避免使用內嵌關聯輸入的「底部對齊」標籤？

Question

我使用'ul'標籤作爲表單域，並且在其每個li標籤中，我使用標準Html.Label和Html.Editor幫助程序（除了下拉列表）使用DevExpress ComboBox擴展插件來放置標籤和輸入。這會呈現一個表而不是選擇標記，這很好，但是當我將此表上的CSS 顯示屬性設置爲'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