Can anybody tell me why in this example the checkboxes and the text beside it are rendered differently in Chrome as opposed to in Firefox(the desired result)?
Firefox 16.0.2
Chromium 18.0.1025.168 (Developer Build 134367) (WebKit 535.19)
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
<br>at the end of the same line as your first checkbox input element instead of on the next line. This will horizontally align the checkboxes.See also: text-align: right has margin or buffer in Chrome
1em. Chrome seems to automatically expand the width of these to the available space in the container while Firefox does not.This is not a complete fix yet though, there is still a difference in the vertical positioning.
Demo.