Список прокрутки изображений не работает

Question

У меня есть 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> 

CSS-:

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

li.social { 
    display:inline; 
} 

В опрокидывание функционируют нормально, это просто, что встроенный навигационный (ul="social") сбою и показывая только вертикально. Что я делаю не так?

Answer 1

Вы используете li.social, но вам нужно .social li. Вы также захотите изменить display: inline на display: inline-block.