CSS Como colocar o aside no topo ao lado da section

[Iking1]

Galera estou tendo problemas para colocar o texto e formulário que fiz no aside  para que fiquem no top, em vez disso ele fica abaixo da section como mostra os prints ai, como faço pra solucionar isso? Só achei um jeito, mas creio que não é o correto, coloquei margin-top: -48% kkkk deu certo mas não fica responsivo acredito eu.

[Adriano_web]

Defina a largura do aside.

[Iking1]

Sim, já coloquei 40%.

 

[Adriano_web]

O section com o id corpo está com o clear:both remove ele.

[FabianoS]

@Iking1 Amigo, quando você usa o "float:left" automaticamente se cancela o "margin: 0 auto" que você definiu, como você esta trabalhando com porcentagens, sempre divida a tela em quantas box você gostaria de ter na tela,  por exemplo: se você quer 2 elementos um ao lado do outro, 100/2 = 50%(isso sem estar contando margin ou padding).

 

segue o código de exemplo: https://jsfiddle.net/84zwv9f1/

 

e aqui um site que me ajudou muito: https://tableless.com.br/design-responsivo-na-pratica-2-layout-ao-html/

[DiF]

Eu já faria diferente.  existem diversas formas de resolver isso.

Usaria a regra de display inline-block para manter o lado a lado...  

Poderias usar o display table e forçar a renderização como tabelas,   poderias usar o flex e definir as posições....  enfim.. há  N maneiras.

 

E o float left é um deles.