Por favor, leia bem a pergunta e depois a resposta, então conforme o que está escrito na pergunta e a resposta correta, a solução seria como a abaixo? Não faz muito sentido para mim. Caso errada, vocês poderiam corrigir a questão para deixá-la mais clara, assim como a solução da resposta correta?
Questão: Para deixar imagem e menu lado a lado, qual o valor da propriedade display que devemos dar a cada um deles?
Resposta Correta da Alura: inline-block em ambos
Exemplo conforme questão e resposta atual.
teste-display.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="teste-display.css">
</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>teste-display.css
img {
display: inline-block;
}
nav li {
display: inline-block;
}