A melhor maneira de criar uma div com etiqueta: Caixa de texto e tê-lo bem centrado?

Question

Qual é a melhor maneira de ter o seguinte?

Name:  [Textbox]

Dentro de uma div? Acho que o nome: parte não se centra muito bem com a caixa de texto, especialmente com uma pequena fonte. Eu quero o nome: peça a centrar verticalmente

.

Em alguns casos, a parte da mão esquerda pode ser bastante longa e envoltório em várias linhas, como este:

All known
addresses:   [Textbox]

Mais uma vez, eu gostaria que a parte da mão esquerda bem centrado.

Eu estou tentando parar de usar tabelas para layout, e passar para divs para que eu possa fazer as coisas corretamente, mas eu estou tendo alguns problemas. style="vertical-align:middle" não parece fazer nada.

Answer 1

Não há boa maneira de fazer isso. Há um writeup decente sobre alguns métodos aqui , mas a maioria deles confiam em cortar-em torno dos elementos de altura fixa, ou usando layouts / table-cell tabela na divs.

Se ter coisas centrado é uma exigência difícil, eu tinha acabado desistir e usar tabelas

Answer 2

mesas de uso ou 2 divs:. Um para a etiqueta e outro para sua caixa de texto, para que você vai ser capaz de alinhá-las corretamente

Answer 3

HTML5 está nos dando alguns recursos interessantes bonitas para ajudar neste tipo de casos. Elementos como <section> e <article> pode ser bastante útil, dependendo da sua circunstância.

http://www.w3schools.com/html/html5_new_elements.asp