Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

não esta ficando ao lado

<html>
<head>
    <style>
 img {
    display: inline-block;
}

nav li {
    display: inline-block;
}

    </style>
</head>
<body>

    <img src="eu.jpg" alt="Minha empresa">
    <nav>
        <ul>
            <li><a href="/sobre">Sobre</a></li>
            <li><a href="/produtos">Produtos</a></li>
            <li><a href="/consultoria">Consultoria</a></li>
            <li><a href="/contato">Contato</a></li>
        </ul>
    </nav>

</body>


</html>

não sei onde estou errando pelo que entendi, o display inline coloca os itens do elemento em linha tentei aplicar com um aside e tambem não deu certo, por favor me ajudem entender isso Obrigado

5 respostas

Oi Raphael tudo bem?

Poderia por gentileza colocar o seu código no github? Assim podemos analisar melhor o que está acontecendo.

não sei se esta correto o modo que compartilhei pois essa é a primeira vez que ultilizo o GitHub

https://github.com/rapha1908/MeusCodigos/tree/master/CursoHTML-aula5

Ao acessar o link dá erro 404 , verifica se o seu repositório está publico.

https://github.com/rapha1908/testando-git.git tenta com esse

solução

O correto seria

    img {
        display: inline-block;
    }

    nav  {
        display: inline-block;
    }

Espero ter ajudado!!!