Estou com dificuldade para alinhar imagem ao lado do texto
Html:
<div class="beneficios">
<h2>Benefícios</h2>
<ul>
<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>
</ul>
</div>
<img src="midias/beneficios.jpg" alt="" class="imagembeneficios" >
CSS:
.beneficios{
background-color: white;
padding: 20px;
}
h2 {
text-align: center;
}
ul {
display: inline-block;
vertical-align: top;
width: 20%;
margin-right: 15%;
}
.itens{
font-style: italic;
}
.imagembeneficios{
width: 40%;
}
Resultado no navegador: