html - 图像和 anchor ，如何将对齐应用于链接文本？

Question

我必须编写带有图像和 anchor 标记的 HTML。图像的大小不相等。我需要做的是将链接文本“查看元素”对齐到右侧，以便它们位于同一垂直水平/线上。这是我的代码。

<div>
<ul>
  <li><img src="images/layout/nokia.gif" /><a href="#">See projects</a></li>
  <li><img src="images/layout/kpn.gif" /><a href="#">See projects</a></li>
  <li><img src="images/layout/sla.gif" /><a href="#">See projects</a></li>
</ul>
</div>

所有图像都在左侧(长度不相等)。我想在同一垂直级别上显示“查看元素”链接。我能做些什么？最好的方法是什么？

这是 JsFiddle 上的代码 http://jsfiddle.net/chhantyal/F9TA5/1/

Answer 1

在您的 CSS 中尝试以下代码

ul li
{
    width:300px;
}
ul li a
{
    float:right;
}