图片，然后将文本右对齐

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/

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

Answer 1

如果您不反对使用span或float ，请使用以下解决方案： jsFiddle

Answer 2

如果您不想使用float：

.menu img
{
display: block;
text-align: left;
position: absolute;
}

.menu a
{
text-align: right; 
display:block;  
}

这是jsfidle