Meilleur moyen de créer un div avec Label: Textbox et l'avoir bien centré?

Question

Quelle est la meilleure façon d'avoir ce qui suit?

Name: [Textbox]

À l'intérieur d'un div? Je trouve que la partie Name: ne se centre pas bien avec la zone de texte, surtout avec une petite police. Je veux que le nom: partie soit centré verticalement.

Dans certains cas, la partie gauche peut être assez long et envelopper sur plusieurs lignes, comme ceci:

All known 
addresses: [Textbox]

Encore une fois, je voudrais la partie gauche bien centrée. J'essaie d'arrêter d'utiliser des tableaux pour la mise en page, et passer à divs pour que je puisse faire les choses correctement, mais j'ai quelques problèmes. style="vertical-align:middle" ne semble pas faire quoi que ce soit.

Answer 1

Il n'y a pas bon pour ce faire. Il y a une écriture décent sur certaines méthodes here, mais la plupart d'entre eux s'appuient sur des éléments de hauteur fixe de piratage, ou en utilisant des dispositions de table/cellule sur des divs.

Si avoir des choses centrées est une exigence difficile, je seulement give up and use tables

Answer 2

utilisation des tables ou 2 divs: l'une pour l'étiquette et une autre pour votre zone de texte, donc vous serez en mesure de les aligner correctement.

Answer 3

HTML5 nous donne quelques fonctionnalités assez cool pour aider dans ce type d'instances. Des éléments tels que <section> et <article> peuvent être très utiles selon votre situation.

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