Question

Hi I have a really basic problem but I couldn’t find a tutorial that helped me and nothing seems to work.

I have a navigation:

<ul>
 <li>
  <a href="?page=home" ><img src="img/HOME.png"/></a>
 </li>
 <li>
  <a href="?page=team" ><img src="img/TEAM.png"/></a>
 </li>
</ul>

I want align the images in the link tags to the right so I get a block of images aligned to the right. float isn’t working, text-align: right isn’t working and right:0px; position: absolute; isn’t working either.

Answer 1

Don’t use !important.

What are you trying to right align them to? Float right. li and a tags aren’t block elements text align won’t work, as the li‘s and a‘s will only expand to the width of what ever is inside. If you want to do that, you will need to figure out how wide you want the list, and then give the li’s that width… Does that make sense?

Something like this should help