Html 如何在CSS中使列表向右浮动？

我在使我的

社交链接列表正确浮动时遇到问题

这就是我希望它看起来的样子：

这就是它的实际外观：

我该怎么做才能使我的社交链接看起来像之前的图片

这是我的HTML/CSS：


/*-----------------------------------------------------------------------*/
/*CSS代码*/
/* -----------------------------------------------------------------------*/
.行{
最大宽度：1140px；
保证金：0自动；
}
上校{
显示：块；
浮动：左；
利润率：1%01%1.6%；
}
.span_2_of_2{
宽度：100%；
}
.span_1_/u 2{
宽度：49.2%；
}
页脚{
背景色：#333；
字号：80%；
填充：40px；
}
.页脚导航{
列表样式：无；
浮动：左；
}
.社会联系{
列表样式：无；
浮动：对；
}
.footer nav li，
.社会联系李{
显示：内联块；
右边距：13px；
}
.footer nav li:最后一个孩子，
.社会联系李：最后一个孩子{
保证金：0；
}
.页脚p{
颜色：#888；
文本对齐：居中；
边缘顶部：30px；
}
.footer导航李a:链接，
.页脚导航李a：已访问，
.社交链接李a：链接，
.社会联系李a：访问{
文字装饰：无；
边界：0；
颜色：#888；
过渡：颜色0.2s；
}
.页脚导航李a：悬停，
.页脚导航李a：激活{
颜色：#ddd；
}
.社交链接李a：链接，
.社会联系李a：访问{
字体大小：130%；
}
.fa youtube:悬停{
颜色：bb0000；
}
.fa facebook：悬停{
颜色：#365998；
}
.fa推特：悬停{
颜色：#00aced；
}
.fa谷歌+：悬停{
颜色：#dd4b39；
}
.fa-pinterest-p:悬停{
颜色：#cb2027；
}
.fa贝宝：悬停{
颜色：#10ad10；
}
.fa youtube，
.fa facebook，
.fa推特，
.fa google plus，
.fa-pinterest-p，
.fa贝宝，
.社会联系i{
过渡：颜色0.2s；
}
.footer版权所有{
明确：两者皆有；
文本对齐：居中；
}



&韦巴尔

&韦巴尔

&韦巴尔

&韦巴尔

&韦巴尔











版权及副本；2010-2016由希瑟·费里斯（Heather Ferris）出版。版权所有。

您希望将社交链接列表项浮动到右侧

.social-links li {
    display: inline-block;
    margin: 0 5px;
    float: right;
}

在我看来，你给了两个div相同的类，所以它们都没有明确定义你想要实现的目标

尝试添加其他样式类

.right {
position: absolute;
right: 10%;

然后将“社交链接”的div包装更改为

<div class="col span-1-of-2 right">



它应该可以帮助您，让您对其余部分进行微调，我建议将
封装在
和应用
浮点：right之间到它。
此外，您的div被分配为“span-1-of-2”类，但您的样式类名为“span\u 1\u of\u 2”，这不会有帮助（但意味着我发布的“正确”类似乎无论如何都会否定对span类的需求）