右对齐CSS精灵列表

Question

请查看http://live-fenfast.pantheonsite.io/顶部的Facebook / YouTube / Twitter图标。我试图将它们与http://fenfast.com上的右侧对齐。 ＆＃34; live-fenfast.pantheonsite.io＆＃34;的差异。网站是我用一个样式列表转换了普通的img a hrefs，它使用CSS来显示单个图像的一部分，以便在列表中单击（CSS sprites）。

如何右对齐此列表？我尝试了很多明显的CSS属性，但都没有。

Answer 1

使用bootstraps pull-right class

$('#element).html(new_html)

Answer 2

为什么你不能简单地使用：

#socialnavlist {
    position: relative;
    float: right;
}

在我看来，你有一个问题，因为你使用：

#socialnavlist li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}

这是所有问题的主要原因。如果您使用position: absolute，则无法使用正常的对齐/浮动属性，并且无法获得所需内容。