Gostaria de saber como consigo fazer com que a minha lista fique em linha? Como deixo a imagem do lado esquerdo e a lista (em linha) do lado direito?
HTML
<div class="menu">
<img src="img/logo.png" alt="logoBorelli" class="logo">
<ul>
<li><a href="#">Item1</a></li>
<li><a href="#">Item2</a></li>
<li><a href="#">Item3</a></li>
</ul>
</div>
CSS
.logo {
width: 20%
}
ul {
display: inline-block;
width: 50%
}
Olá Jaqueline, Boa noite!
É quase isso, continue assim.
Para alcançar o efeito desejado. Recomendaria que você envolvesse sua lista em uma DIV (Para manter o alinhamento da imagem com a lista lado a lado). E assim troque no CSS o UL por DIV.
Depois disso você precisa informa que os itens dessa lista, devem ficar no formatado de linha. Através do CSS
Ficando mais ou menos dessa forma.
div{
display: inline-block;
width: 50%
}
li{
display: inline;
}Espero ter ajudado, boa sorte nos estudo. E lembre-se a prática leva ao aperfeiçoamento kkk