Form com label acima do campo

[FabianoSouza 5]

Galera, com monto o CSS para ter este tipo de alinhamento: label alinhado acima do campo com a possibilidade de um label "complementar" abaixo do campo. Vejam a imagem

 

No caso de campos para telefone, há a um pequeno texto complementar abaixo do campo.

 

Help.

[bruno_mosciatti 22]

Neste caso, separe por 2 colunas (dê tamanho a elas)

dê display:block na label e no input

[lucas70770 2]

É bom e facil usar um Framework como o Foundation 5 é muito bom e já faz essas coisas automaticamente.

[FabianoSouza 5]

Certo, bruno_mosciatti. Mas estava me referindo especificamente a disposição dos rótulos e campos.

Consideremos a primeira coluna.

 

Veja que dentro desta coluna o rótulo fica acima do campo input. É sobre esse ponto que me refiro.

Quero saber como setar o CSS para label e input para obter este resultado.

[Electronic 124]

Certo, bruno_mosciatti. Mas estava me referindo especificamente a disposição dos rótulos e campos.

Consideremos a primeira coluna.

 

Veja que dentro desta coluna o rótulo fica acima do campo input. É sobre esse ponto que me refiro.

Quero saber como setar o CSS para label e input para obter este resultado.

 

ele já disse

 

dê display:block na label e no input

[FabianoSouza 5]

Opa, valew bruno_mosciatti