As palavras nãoficam na posição correta

Boa noite. Depois de realizar todos os passos pedidos no exercício as palavras não aparecem da maneira que deveriam. Será que há alguma falha no código?

 <header class="titulo-principal">
        <img class="foto-home" src="img/eu.jpg" alt="Foto de João da Silva">
        <h1>João da Silva</h1>
        <p class="subtitulo-principal">Desenvolvedor web</p>
        <ul class="palavras-home">
            <li class="palavra-home eficiencia ">Eficiência</li>
            <li class="palavra-home boas-praticas">Boas práticas</li>
            <li class="palavra-home codigo-limpo">Código limpo</li>
            <li class="palavra-home css3">CSS3</li>
            <li class="palavra-home html5">HTML5</li>
            <li class="palavra-home javascript">JavaScript</li>
            <li class="palavra-home acessibilidade">Acessibilidade</li>
            <li class="palavra-home responsivo">Responsivo</li>
            <li class="palavra-home otimizacao">otimização</li>
            <li class="palavra-home agilidade">Agilidade</li>
            <li class="palavra-home design">design</li>
        </ul>
        <a href="http://www.twitter.com/joaodasilva" class="etiqueta">Siga-me no twitter</a>
    </header>