ラベルをコントロールの上部に整列させる方法はありますか？

Question

私は、ラベルをaspのコントロールと一番上に揃えるようにするストレートなCSSソリューションを探しています。だから、例えば：

Control Label 
[[[[[]]]]]]]]]]]]V 

任意のアイデア：

<asp:Label runat="server" AssociatedControlID="cboBox" Text="Control Label" /> 
<asp:DropDownList runat="server" ID="cboBox" /> 

は次のように表示されますか？

Answer 1

スパンまたはdivの両方にそれらをラップ：

<span class="field"> 
    <asp:Label runat="server" AssociatedControlID="cboBox" Text="Control Label" /> 
    <asp:DropDownList runat="server" ID="cboBox" /> 
</span> 

その後：

.field label, 
.field select 
{ 
    display: inline-block; 
    vertical-align: top; 

    /* achieves same as inline-block for IE7 */ 
    *display: inline; 
    *zoom: 1; 
} 

Answer 2

をあなたはコンテナにそれらを入れてみてください、とそのコンテナ内のスパンのための特定のスタイルを適用することができます。以下の例は、少し調整が必要な場合がありますが、それは正しい方向にあなたを指している必要があります：

div.container span { 
    display: table-cell; 
    vertical-align: top; 
} 
div.container input { 
    display: table-cell; 
    vertical-align:middle; 
} 

そしてのページ：

<div class="container"> 
    <asp:Label runat="server" AssociatedControlID="cboBox" Text="Control Label" /> 
    <asp:DropDownList runat="server" ID="cboBox" />  
</div>