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? -

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

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