Oi, Gabriel! Tudo bem?
Te comento que me aconteceu a mesma coisa, mas logo descobri que foi por uma distração minha.
A imagem deve estar também dentro da div para que o alinhamento aconteça, caso contrário, você estará formatando apenas o texto no css e a imagem não se alinhará ao texto. Coloco o exemplo do código correto logo abaixo:
HTML:
`<div class="conteudo-beneficios">
<ul class="lista-beneficios">
<li class="itens">Atendimento aos clientes</li>
<li class="itens">Espaço diferenciado</li>
<li class="itens">Localização</li>
<li class="itens">Profissionais qualificados</li>
<li class="itens">Pontualidade</li>
<li class="itens">Limpeza</li>
</ul><img src="diferenciais.jpg" class="imagem-beneficios">
</div>`
CSS:
.conteudo-beneficios {
width: 640px;
margin: 0 auto;
justify-self: center;
}
.lista-beneficios {
width: 40%;
display: inline-block;
vertical-align: top;
}
.imagem-beneficios {
width: 60%;
}