Imagem não fica ao lado da lista

Olá. Na minha tela de exibição do navegador, imagem não ficou a direita da lista, e além disso, ficou em um tamanho bem menor. Alguém saberia ajudar a resolver este problema?

#######html:
</div>

        <div class="beneficios">

            <h3 class="titulo-centralizado">Benefícios</h3>

            <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>

            <img src="beneficios.jpg" class="imagem-beneficios">

        </ul>

        </div>
#######ccs:
ul{
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin-right: 15%;
}

.imagem-beneficios{
    width: 50%;
}