html - Image in list item effects position of other text in other list items -


i have unnumbered list trying format menu.

<ul>     <li><img src="greatimage.png"></li>     <li>item 2</li>     <li>item 3</li> </ul> 

i trying have list items content vertically centered each other. when add image first list item looks though other list items position pushed bottom border of ul block? image effecting rest of list items position.

one thing set line-height of li equal of image's height

example: http://jsfiddle.net/felcom/vdptj/


Comments

Popular posts from this blog

razor - Is this a bug in WebMatrix PageData? -

iphone - Requiring the presence of a method in an id -

xslt - Is it possible to select a node that just includes a subset of the child nodes? -