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.
In these examples (NOTE: make sure you drag out the result window wide enough)
Why does the quantity of text inside the inline-block elements affect the positioning of the inline-blocks in the same div?
What can I do to make sure all the inline-blocks nested inside the block element have the same vertical alignment with respect to each other?
Add
vertical-align: topwhere you havedisplay: inline-block.http://jsfiddle.net/thirtydot/pPyaG/3/
The initial value of
vertical-alignisbaseline, which causes the issue you’re experiencing.Read this, particularly the “baseline” section: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
A comparison of how common values of
vertical-alignlook: http://www.brunildo.org/test/inline-block.html