diferenca na ordem

</nav>
            <ul class="icones-redes-sociais">
                <li>
                    <a class="Github" href="https://github.com/joaodasilva"> 
                        Github
                    </a>
                </li>
                <li>
                    <a class="Twitter" href="https://twitter.com/joaodasilva">
                        Twitter
                    </a>
                </li>
                <li>
                    <a class="LinkedIn" href="https://br.linkedin.com/pub/joão-da-silva/32/4/508">
                        LinkedIn
                    </a>
                </li>
            </ul>

Esse e o código fornecido aqui no curso. quando estava fazendo sem perceber coloquei o class depois do href. Isso fez com que a formatação posterior com os floats e clear não funcionasse. Gostaria de saber o motivo Obrigado