Submit button appears below input box

hi on this page the submit button appears on the same line as the input box in firefox, but not on ie and chrome, how can i fix it? thanks

http://tinyurl.com/2u2qblo

Wordpress doesn’t allow you to remove garbage HTML?? Arg, that sucks.

Yeah, it does. :wink: Wordpress, is a bloated mess! =]

ah yes, that would have been better :slight_smile: well ill keep it on reserve but for now the other solution seems to be working and not breaking anything else :slight_smile:

I just thought of something, maybe it’s what you’re doing:

you can set them to display: none.

I should have thought of that sooner : )

hm… wrap the whole thing in <nobr> tags?? (those are proprietary tags tho)

Not really. Not unless you want to position them all (which I would be a bit worried to do).

Wordpress doesn’t allow you to remove garbage HTML?? Arg, that sucks.

ok i found a workaround for the annoying wp br :slight_smile: thanks

unfortunately i cannot remove the br tag as its generated by wordpress, is there any other way i can negate its effect?

Likely because your code demands it: there’s a <br> tag between the input and the submit.

You’ve floated it, so Firefox seems to be treating it like a float, but it does mean “break” as in “new line”. My guess is that IE and Chrome are honouring its meaning. Bad firefox, bad.

I’d do code like
<p><label>password <input…></label> <input type=“submit”…></p>

And you could either let them do their thing (normally they’d line up by themselves) or float both of them and keep the left margin on the submit.