带有图像的导航链接向右对齐（基本CSS）

Question

嗨，我有一个非常基本的问题，但我找不到帮助我的教程，似乎没有任何工作。

我有导航：

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

我想将链接标签中的图像对齐到右边，这样我就会得到一个右边对齐的图像块。 float不起作用，text-align：右边不起作用，右边：0px;位置：绝对;也没有工作。

Answer 1

明确设置<a>标记的宽度，text-align: right将起作用。如果您还没有，我建议使用FireBug（或替代方案）查看页面上的框布局。

Answer 2

检查继承和图像大小。无论如何，下面的CSS应该工作：

 ul li{float:right;}

Answer 3

请勿使用!important。

你想把它们对齐到什么？向右浮。 li和a标记不是块元素，文本对齐不起作用，因为li和a只会扩展到以前的宽度在里面。如果你想这样做，你需要弄清楚你想要的列表有多宽，然后给出那个宽度......这有意义吗？

像this之类的东西应该有帮助