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/