在部分中对齐asp.net复选框

Question

我有以下标记：

            <section style="width:1000px;margin: 0 auto; height:20px; border:solid; border-width:2px;">
                <section style="width:300px;float:left;">
                    Routing Stage:
                    <asp:DropDownList ID="cmbStages" runat="server" DataSourceID="sqlDBStages" 
                        DataTextField="stages" DataValueField="StageRefID" Width="175px">
                    </asp:DropDownList>
                </section>
                <section style="width:300px;float:left;">
                    Return Stage:
                    <asp:DropDownList ID="cmbReturnStage" runat="server" DataSourceID="sqlDBStages" 
                        DataTextField="stages" DataValueField="StageRefID" Width="175px">
                    </asp:DropDownList>
                </section>
                <section style="width:300px;float:left; vertical-align:top;">
                    <asp:CheckBox ID="CheckBox1" runat="server" Text="MatingStage"/>
                </section>
            </section>

由于某种原因，复选框未与其余控件对齐。我在部分周围放置了一个边框，以查看部分边框的位置，但出于某种原因，复选框显示在它下面。

请问我做错了什么？

Answer 1

添加以下css样式，它将正常工作，

#Checkbox1{
margin-top:5px;/*adjust this as per your needs*/
}