Question

I would like to have a menu list, used in a website navigation, where some of the menu items contain both text and an image to the right of the text:

<ul>
  <li>Nav item 1</li>
  <li>Nav item 2 <img src="image.gif" /></li>
</ul>

I’d like the menu items containing the image to be Text[space]Image in correct horizontal alignment.

Can anyone help by showing me the CSS that would achieve this?

Answer 1

ul li img {
padding-left: 20px;
}