Дисплей CSS: встроенный не работает?

Question

Я новичок в CSS. С января я учился в колледже. Прямо сейчас на веб-сайте, который я пытаюсь сделать, я пытаюсь добавить кнопки социальных сетей. Вот 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/