Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Formatação do furmulário

Olá, estou com dúvida de como seria a melhor maneira de fazer a seguinte formatação do meu código css, segue o código HTML.

<form>
    <div>
        <label for="nome">Nome:</label>
        <input id="nome" type="text">
    </div>

    <div>
        <label for="peso">Peso (Kg)</label>
        <input id="peso" type="text">
    </div>

    <div>
        <label for="altura">Altura (m)</label>
        <input id="altura" type="text">
    </div>

    <div>
        <button>Adicionar</button>
    </div>
</form>

A minha dúvida é como deixar o formulário com essa aparência, a label na parte superior do inputs.

1 resposta
solução!

Oi Flavio, como vai?

Para isso bastaria voce colocar um display block nas labels ou mesmo inline-block nelas (e nos inputs) e colocar algum container em volta com largura definida.

Recomendo fazer todos os cursos da carreira de Dev Front-End tambem para te dar uma base solida de conhecimento.

Se quiser formatar esse HTML usando o flexbox, como voce faria? Veja as declaracoes novas que o flexbox trouxe que sao mostradas em curso e tente deixar igual.

Espero ter ajudado,

Abcs!