Link to home
Start Free TrialLog in
Avatar of sonic1234
sonic1234Flag for Australia

asked on

Vertically align radio and checkboxes

Hello,

We are using http://www.formee.org/demo/index.htm

What is the neatest change we can make to the CSS to force the radio and checkboxes to be aligned vertically?

Thank you.
Avatar of PeteEngineer
PeteEngineer
Flag of India image

td img {
  vertical-align: bottom;
}


this is in case of image ..change it for u !
<div style="vertical-align:top">
    Day
    <asp:DropDownList ID="DropDownList1" runat="server" style="vertical-align:bottom">
    </asp:DropDownList>
    Hour
    <asp:DropDownList ID="DropDownList2" runat="server" style="vertical-align:bottom">
    </asp:DropDownList>  
</div>
Avatar of Chris Stanyon
Change the vertical-align property of your .formee-lbl, .formee label rule ( formee-style.css, about line 39). Use a percentage and adjust accordingly. 8% seems to look nice :)

.formee-lbl, .formee label {
    color: #2B2B2B;
    font-size: 1.4em;
    line-height: 1.3em;
    vertical-align: 8%;
}

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of LZ1
LZ1
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of sonic1234

ASKER

This worked perfectly thanks.