Olá, Matheus.
Tudo bem?
Você pode adicionar um tamanho fixo para a <div class="conteudo-beneficios">
de width: 800px;
que envolve a lista e a imagem, e então adicionar uma margin para o conteudo todo centralizar: margin: 0 auto;
, já na imagem benefícios adiciona uma largura de width: 50%;
, acho que isso resolve.
Ficaria assim:
<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="beneficios.jpg" class="imagem-beneficios">
</div>
.conteudo-beneficios{
width: 800px;
margin: 0 auto;
}
.imagem-beneficios{
width: 50%;
}
Espero ter ajudado.
Qualquer dúvida manda aqui de novo :)
Valeu!
valeu mano!!! tava com um erro de sintaxe rsrs
Obrigado pela atenção!