Home › Forums › CSS › Aligning 'Remember Me' with its checkbox and the 'Send' Button › Reply To: Aligning 'Remember Me' with its checkbox and the 'Send' Button
December 24, 2015 at 1:39 pm
#236128
mhodges44
Participant
inline-block and vertical-align:middle are good solutions. Just as a reference, though, if you want to continue using floats, you have some goofy things going on in your DOM, specifically, the span that is containing the elements has a fixed width of 14px? also, the checkbox is being styled with a width of 252px by .form_settings input. removing the fixed width on the span and checkbox will get them inline like I presume you are looking for, but you’ll notice that the checkbox and text are still not aligned. This is normal for floats. The solution to that is:
#checkbox1 {
position:relative;
top:2px;
}