inline-block

Olá pessoal, uma dúvida ...

Tenho abaixo em sequencia meu HTML e CSS:

No CSS, não compreendi porque tenho que citar o "display: inline-block", tanto no [ .redes-socias li ] quanto no [ .redes-sociais a ]

   <ul class ="redes-sociais">
         <li><a class ="github" href = "https://github.com/git-joaodasilva">Github</a></li>
          <li><a class = "twitter" href = " https://twitter.com/twitter-joaodasilva">Twitter</a></li>
           <li><a class = "linkedin" href = "https://br.linkedin.com/pub/linkedin-joao-da-silva/32/4/508">Linkedin</a></li>
     </ul>

.redes-sociais li{
    display: inline-block;
}

.redes-sociais a{
    width: 40px;
    height: 40px;
    display: inline-block;
    text-indent: -99999px;
}