# Formulário de pesquisa - Criar um formulário de pesquisa **URL:** \ **Category:** General\ **Tags:** português\ **Created:** [October 27, 2023, 3:26pm UTC](https://forum.freecodecamp.org/t/formulario-de-pesquisa-criar-um-formulario-de-pesquisa/647117 "2023-10-27T15:26:57Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![ichbinNacht](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ichbinnacht/32/338555_2.png) [@ichbinNacht](https://forum.freecodecamp.org/u/ichbinNacht)\ **Post date:** [October 27, 2023, 3:26pm UTC](https://forum.freecodecamp.org/t/formulario-de-pesquisa-criar-um-formulario-de-pesquisa/647117/1 "2023-10-27T15:26:57Z")
### **Conte-nos o que está acontecendo:** Os elementos checkbox: Desafios e outros Os elementos radio: Sim, Não e Talvez Não estão alinhados, poderiam me informar como alinhá-los? ### **Seu código até o momento** AVISO O código de seed do desafio e/ou sua solução excederam o comprimento máximo que podemos transportar do desafio. Você precisa realizar uma etapa adicional aqui para que o código que você escreveu apresente um formato de fácil leitura. Copie e cole todo o código do editor mostrado no desafio de onde você acaba de fazer o link. HTML: ```auto Formulario de Pesquisa

Formulário de Pesquisa

Obrigado por nos ajudar a melhorar nossa plataforma

Você recomendaria nossos cursos a um amigo?
``` CSS: ```auto body { font-family: Poppins-Regular; padding: 10px; height: 100%; background-image: url(https://cdn.pixabay.com/photo/2020/02/24/18/05/background-4876988_1280.jpg); } h1 { font-size: 30px; margin-top: 10px; margin-bottom: 15px; text-align: center; } p { font-size: 20px; font-style: italic; text-align: center; } .box { width: 80%; background-color: white; border-radius: 10px; margin-left: auto; margin-right: auto; padding: 15px; max-width: 500px; } fieldset { border: none; } label { display: block; margin: 0.5rem 0; text-align: center; font-family: Poppins-Medium; font-weight: bold; } .inline { width: unset; margin: 0 0.5em 0 0; vertical-align: middle; } legend { font-weight: bold; text-align: center; } input, textarea, select { margin: 10px 0 0 0; width: 100%; min-height: 2em; border-radius: 3px; } input[type="submit"] { display: block; width: 30%; margin: 1em auto; height: 2em; font-size: 1.1rem; color: white; background-color: #708090; border-color: white; min-width: 3px; } ``` ### **Informações de seu navegador:** Agente de usuário: `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36 OPR/102.0.0.0` ### **Informações do desafio:** Formulário de pesquisa - Criar um formulário de pesquisa > **[freeCodeCamp.org](https://www.freecodecamp.org/portuguese/learn/2022/responsive-web-design/build-a-survey-form-project/build-a-survey-form)** > > Aprenda a programar — de graça ---
**Author:** ![ichbinNacht](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ichbinnacht/32/338555_2.png) [@ichbinNacht](https://forum.freecodecamp.org/u/ichbinNacht)\ **Post date:** [October 27, 2023, 3:28pm UTC](https://forum.freecodecamp.org/t/formulario-de-pesquisa-criar-um-formulario-de-pesquisa/647117/2 "2023-10-27T15:28:40Z")
Desejo que fiquem perfeitamente alinhados, um abaixo do outro, no momento estão assim: ![imagem_2023-10-27_122834249](https://global.discourse-cdn.com/freecodecamp/original/4X/f/9/b/f9b6fcda79e2fb7e7394c2e1b4e85b0ad8e3fc68.png) ---
**Author:** ![lasjorg](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lasjorg/32/280761_2.png) [@lasjorg](https://forum.freecodecamp.org/u/lasjorg)\ **Post date:** [October 27, 2023, 6:31pm UTC](https://forum.freecodecamp.org/t/formulario-de-pesquisa-criar-um-formulario-de-pesquisa/647117/3 "2023-10-27T18:31:02Z")
I would suggest removing `text-align: center` from the `label` elements. Centering the label text just makes it harder to read and use the form. But if you really want those elements centered, one option is to add a container and use `grid`. > **Example code** > > ```auto >
> >
> > > > >
>
> > ``` > > ```auto > .interests { > display: grid; > justify-content: center; > } > > .interests label { > text-align: unset; > } > > ``` ---
**Author:** ![ichbinNacht](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ichbinnacht/32/338555_2.png) [@ichbinNacht](https://forum.freecodecamp.org/u/ichbinNacht)\ **Post date:** [October 27, 2023, 10:10pm UTC](https://forum.freecodecamp.org/t/formulario-de-pesquisa-criar-um-formulario-de-pesquisa/647117/4 "2023-10-27T22:10:46Z")
### **Conte-nos o que está acontecendo:** Todas as caixas de seleção dentro de `#survey-form` devem ter um atributo `value` e um valor. Não estou encontrando a caixa de seleção sem valor, alguém poderia me ajudar? ### **Seu código até o momento** AVISO O código de seed do desafio e/ou sua solução excederam o comprimento máximo que podemos transportar do desafio. Você precisa realizar uma etapa adicional aqui para que o código que você escreveu apresente um formato de fácil leitura. Copie e cole todo o código do editor mostrado no desafio de onde você acaba de fazer o link. ```auto Formulario de Pesquisa

Formulário de Pesquisa

Obrigado por nos ajudar a melhorar nossa plataforma

``` ### **Informações de seu navegador:** Agente de usuário: `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36 OPR/102.0.0.0` ### **Informações do desafio:** Formulário de pesquisa - Criar um formulário de pesquisa > **[freeCodeCamp.org](https://www.freecodecamp.org/portuguese/learn/2022/responsive-web-design/build-a-survey-form-project/build-a-survey-form)** > > Aprenda a programar — de graça ---
**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\ **Post date:** [January 7, 2025, 11:40am UTC](https://forum.freecodecamp.org/t/formulario-de-pesquisa-criar-um-formulario-de-pesquisa/647117/5 "2025-01-07T11:40:00Z")