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
Post a Comment