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

c# - How to set Z index when using WPF DrawingContext? -

razor - Is this a bug in WebMatrix PageData? -

visual c++ - Using relative values in array sorting ( asm ) -