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.
Total n00b question here (at least to the CSS elite):
Why is it that an element with both display: block; and a value for width does not seem to fall in line with the text-align property of its parent? That is, it always seems to insist on keeping to the left.
Here is a jsFiddle illustrating the issue.
Obviously, this must be consistent with the CSS spec (I mean, if Chrome, Firefox and Opera all agree on it, I have very little doubt); I just don’t really get it.
The text is aligned right inside a 150px box. That is correct. A block element will not align to text-align in the parent.
To fix this you need to use either
display: inline-blockorfloat: righton the .width div.edit: with float, add
clear: rightto avoid it being on the same line as the previous div