Ir ao conteúdo
  • Cadastre-se
Pedro Lucas Santos Ferreira

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

Recommended Posts

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

display: inline-block;

 

  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

  • Triste 1

Compartilhar este post


Link para o post
Compartilhar em outros sites
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.

  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×