Css 图像滚动列表不工作

我的社交图标有3个图像翻转。以下是HTML：

<ul class="social">
    <li><a class="html5" href="#html5"></a></li>
    <li><a class="twitter" href="#twitter"></a></li>
    <li><a class="facebook" href="#facebook"></a></li>
</ul>

---

滚动功能很好，只是内联导航（

ul=“social”

）出现故障，只能垂直显示。我做错了什么

您正在使用

li.social

，但您需要

.social li

。您还需要将

display:inline

更改为

display:inline block

就是这样，在列表类周围交换并添加了block-通过小提琴非常有效。切雷斯

ul.social {
    list-style-type:none;
    margin:0;
    padding:0;
}

li.social {
    display:inline;
}