A imagem não aparece ao lado usando display: inline-block;

A imagem não aparece ao lado 

O css está assim

.conteudo-beneficios {
    width: 640px;
    margin: 0 auto;
}
.lista-benecifios {
    width: 40%;
    display: inline-block;
}
.imagem-beneficios {
    width: 60%;
}

e no corpo do html 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>
                    </ul><img src="beneficios.jpg" class="imagem-beneficios">
                </div>

Onde estou errando para a imagem não aparece ao lado da lista?