Der beste Weg, ein div mit Etikett zu erstellen: Textbox und haben es schön zentriert?

Question

Was ist der beste Weg, um die folgenden haben?

Name:  [Textbox]

Innerhalb eines div? Ich finde, dass der Name: Teil Zentrum nicht gut mit der Textbox, vor allem mit einer kleinen Schrift. Ich mag den Namen: Teil vertikal zentriert werden

.

In einigen Fällen kann der linke Teil recht lang sein und wickeln auf mehrere Zeilen, wie folgt aus:

All known
addresses:   [Textbox]

Auch hier möchte ich die linke Hand Teil schön zentriert ist.

Ich versuche, mit Tabellen für das Layout zu stoppen und auf divs bewegen, so kann ich die Dinge richtig tun, aber ich einige Probleme habe. style="vertical-align:middle" scheint nichts zu tun.

Answer 1

Es gibt keinen gut Weg, dies zu tun. Es ist eine anständige Zuschreibung auf einigen Methoden hier , aber die meisten von ihnen verlassen auf Hacking-um Elemente mit fester Höhe oder mit Tisch / table-Zellenlayout auf divs.

Wenn zentriert ist, die Dinge eine harte Anforderung ist, würde ich nur aufgeben und Tabellen verwenden

Answer 2

Verwendungstabellen oder 2 divs. Eine für das Etikett und eine andere für Ihre Textfeld ein, so dass Sie der Lage sein werden, sie richtig auszurichten

Answer 3

HTML5 gibt uns ein paar ziemlich coole Features in dieser Art von Fällen zu unterstützen. Elemente wie <section> und <article> können sehr nützlich sein, je nach Umstand.

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