Html 为什么赢了'；这些按钮是向左浮动还是显示内联块？

我试图制作一段简单的代码，使一些链接位于页面的右上角，但它们不会很好地排列在一起。它们一直垂直排列，我希望它们水平排列。我肯定这可能是我明显遗漏的东西，但我不确定是什么。我也试着使用float left，但它没有改变任何事情

CSS和HTML

.social{
位置：固定；
右：0；
/*显示：内联块*/
/*浮动：左*/
}
.社交按钮列表{
列表样式类型：无；
列表样式位置：外部；
保证金：0；
填充：0；
/*显示：内联块*/
/*浮动：对*/
}
.社交按钮{
保证金：5px；
宽度：50px；
高度：50px；
显示：内联块；
/*浮动：对*/
}

您忘记了列表的

有一个默认的

显示：block

。通过解决这个问题并在列表中添加

text align:right

，您将获得一个水平、右对齐的列表

.social{
位置：固定；
右：0；
/*显示：内联块*/
/*浮动：左*/
}
.社交按钮列表{
列表样式类型：无；
列表样式位置：外部；
保证金：0；
填充：0；
/*显示：内联块*/
/*浮动：对*/
文本对齐：右对齐；
}
.社交按钮列表李{
显示：内联块；
}
.社交按钮{
保证金：5px；
宽度：50px；
高度：50px；
显示：内联块；
/*浮动：对*/
}

它们正在对齐，因为“未排序列表”中有按钮，它们用于显示列表。把它们拿走

.social{
位置：固定；
右：0；
/*显示：内联块*/
/*浮动：左*/
}
.社交按钮列表{
列表样式类型：无；
列表样式位置：外部；
保证金：0；
填充：0；
/*显示：内联块*/
/*浮动：对*/
}
.社交按钮{
保证金：5px；
宽度：50px；
高度：50px；
显示：内联块；
/*浮动：对*/
}

---

这是您的解决方案

虽然理想答案可以在不改变结构的情况下解决问题，但这个答案确实有效，而且比“理想答案”更简单。感谢您的回复。根据您的需要，有不同的方法！！：）您可能已经从技术上解决了我的问题的确切范围，使用泛型标记而不是我概述的类，因此我无法将其放入代码中，因为它可能会破坏其他内容。你也没有提供一个更有用的解释。谢谢你。

ul {
    list-style-type: none;
}

li {
    float: right;
}

li a {
    display: block;
    color: white;
}