html - 图像，然后将文本右对齐

Question

此时此刻，我有:

HTML:

<div class="menu">
    <img src="logo.png" alt="6" />
    <a href="1.html" title="1" id="ton">Hendrerit</a>
    <a href="2.html" title="2" id="ton">Phasellus</a>
</div>

CSS:

.menu img {
    vertical-align: middle;
}
.menu a#ton:link,
.menu a#ton:visited,
.menu a#ton:active {
    display: inline-block;
    padding: 19px;
}

JSFiddle:http://jsfiddle.net/BT5K9/

哪种方法最适合右对齐链接？我只想要现代浏览器，所以我想这很简单。 text-align 在我的情况下不起作用，因为 display: inline-block，我猜。也许没有 float ？谢谢。

Answer 1

如果您不反对使用 span 或 float，这是一个解决方案:jsFiddle