HTML Alguem sabe como alinhar inputs uma do lado da outra igual nessa imagem?

[Pedro Lucas Santos Ferreira]

Me ajundem por favor

[zopek]

@Pedro Lucas Santos Ferreira Se estão dentro de uma "mesma" class basta dar um:

display: inline-block;

 

[Visitante]

Com flexbox isso fica bem fácil.

[Luís Roberto C. da Silva]

Nesse site da image, esses inputs são alinhados com tabela.

[DiF]

9 horas atrás, Luís Roberto C. da Silva disse:

Nesse site da image, esses inputs são alinhados com tabela.

Na verdade não. Não pode afirmar, porque o a imagem é um pdf e não um site.

 

O objetivo dele foi claro, reproduzir o modelo do exercício e algumas de suas soluções possíveis foram postadas acima. Ademais, Tabelas não são permitidas no exercício, leia bem a mensagem na imagem.

 

@Pedro Lucas Santos Ferreira Então, há diversas formas de resolver o exercício. Infelizmente não podemos fazer por você, pois é um trabalho exclusivamente seu. Mas podemos dar um norte.

 

Para chegar no resultado esperado, você pode utilizar, elementos flutuantes (float), display, inline-block, flex-box.. inclusive utilzar framworks de estrutura como por exemplo o bootstrap. Obviamente, este último não serve para o exercício, já que o objetivo é aprender a estruturar o formulário e estilizar no CSS para ficar igual a imagem.