Erro com display inline-block e vertical-align: top

Boa noite pessoal.

Estou na parte 5 (Listas e divisão de conteúdo) Estou tentando alinhar minha lista não ordenada

• ao topo, mas ela não se posiciona e fica no bottom.

      ul {
      display: inline-block;
      vertical-align: top;
      width: 20%;
      margin-top: 15%;
  }

      <div class="beneficios">
              <h2>Benefícios</h2>
              <ul>
                  <li class="itens">Atendimento aos clientes</li>
                  <li class="itens">Espaço climatizado</li>
                  <li class="itens">Localização</li>
                  <li class="itens">Prossionais qualificados</li>
              </ul>
              <img src="beneficios.png" class="imagembeneficios">
          </div>

  e uma print da pagina como está!
  ![](print da imagem)![]https://cdn1.gnarususercontent.com.br/1/1350952/8e1e2e6d-da32-4e9c-b6f2-0b6903545b3f.png)