将div内的锚点对齐到右侧

Question

我真的不知道该怎么做。我试过了：

#menu-right div {
    position: fixed;      
    text-align: right;
}

但这没有用。

也许是因为a不是文字。但是我如何用文字做到这一点？

Answer 1

据我所知，这个解决方案应该有效。

div#menu-right {
    width: 100%;
    position: fixed;      
    text-align: right;
}

jsfiddle

Answer 2

Css text-align 属性不适用于 span、a 等内联元素。要对齐它们，您可以将它们用另一个元素（如跨度）包裹起来。在样式表中，然后选择包装元素并简单地使用 display: block;添加此内容后， text-align 属性应该可以正常工作。编写如下代码。 在 html 中：-

<span id="menu-right>
    <a href="#">1</a>
    <a href="#">2</a>
     <a href="#">3</a>
</span>
<!--in the stylesheet write below code -->
<style>
#menu-right{
    display: block; //or use width: 100%;
    text-align: right;
}
</style>