ASP.Net vertical alignment of controls in a panel

Question

I have a Panel with the following:

<asp:Panel ID="Panel1" runat="server" Height="101px">
    Day
    <asp:DropDownList ID="DropDownList1" runat="server" Height="24px" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
    </asp:DropDownList>
    &nbsp;Hour
    <asp:DropDownList ID="DropDownList2" runat="server">
    </asp:DropDownList>
</asp:Panel>

The texts ("Day" and "Hour") seem to have a different vertical alignment with respect to the dropdownboxes

How do I fix this easily?

Answer 1

Have you tried adjusting the vertical alignment using the style attribute? http://www.w3schools.com/Css/pr%5Fpos%5Fvertical-align.asp

Answer 2

It's really this simple:

<div>
    Day
    <asp:DropDownList ID="DropDownList1" runat="server">
    </asp:DropDownList>
    Hour
    <asp:DropDownList ID="DropDownList2" runat="server">
    </asp:DropDownList>
</div>

Answer 3

Try forming your tags as or add some whitespace around them. It may be wrapping.

Answer 4

One solution I stumbled on to was to enclose the text and DropDownLists in a Table with a single row and have a separate cell for each text/dropbox. Works like a charm.