CSS显示：内联不会工作？

Question

我是CSS的新手。我从1月开始上大学课。 现在我正在尝试制作的网站上，我正在尝试添加社交媒体按钮。 这是HTML。

<div id="follow">
    <ul>
        <li><a href="http://www.instagram.com" target="_blank">
            <img src="ig.png" height="40" width="40" alt="ig" />
        </a>
        </li>
        <li><a href="https://www.facebook.com" target="_blank">
            <img src="fb.png" alt="fb" width="40" height="40" />
        </a>
        </li>
    </ul>
</div>

这是CSS。

#follow ul li {
    display: inline;
}

我希望图像水平显示但不会。 它们垂直显示而不是对齐。这是它的图片。

Answer 1

希望你期待这样。你能详细说明吗？

  #follow ul li{
    display: inline;
}

http://jsfiddle.net/22rnqdhq/