Avatar of sonic1234
sonic1234
Flag 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.
CSS

Avatar of undefined
Last Comment
sonic1234

8/22/2022 - Mon
PeteEngineer

td img {
  vertical-align: bottom;
}


this is in case of image ..change it for u !
PeteEngineer

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

I started with Experts Exchange in 2004 and it's been a mainstay of my professional computing life since. It helped me launch a career as a programmer / Oracle data analyst
William Peck
ASKER CERTIFIED SOLUTION
LZ1

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
sonic1234

ASKER
This worked perfectly thanks.