The forums ran from 2008-2020 and are now closed and viewable here as an archive.

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


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 {