Here is a quick solution to get a list item with an image to vertically align to the middle of the text in the same li.Simply apply “vertical=align:middle” to the image in the list like this:ul. li img { vertical-align:middle;}
- Text in the list item
Remember: You are aligning the image to the text so it gets the text-align property!