Vertically align radio and checkboxes

sonic1234
sonic1234 used Ask the Experts™
on
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.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
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>
Most Valuable Expert 2018
Distinguished Expert 2018

Commented:
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

Top Expert 2011
Commented:
Try adding clear:both to .formee-list li, .formee-list li

Author

Commented:
This worked perfectly thanks.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial