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.
I have an unnumbered list i am trying to format for a menu.
<ul>
<li><img src="greatImage.png"></li>
<li>item 2</li>
<li>item 3</li>
</ul>
I am trying to have all the list items content vertically centered with each other. When i add the image to the first list item it looks as though all the other list items position is pushed to the bottom border of the UL block? Basically the image is effecting the rest of the list items position.
One thing you could do is to set the line-height of the li equal to that of the image’s height
example: http://jsfiddle.net/felcom/vdPtj/