Лучший способ создать div с ярлыком: текстовое поле и иметь его красиво центрированным?

Question

Какой лучший способ иметь следующее?

Name: [Textbox]

Внутри div? Я нахожу, что имя: часть не очень хорошо сочетается с текстовым полем, особенно с небольшим шрифтом. Я хочу, чтобы имя: часть была центрирована по вертикали.

В некоторых случаях левая часть может быть довольно длинным и завернуть на несколько строк, например:

All known 
addresses: [Textbox]

Опять же, я хотел бы левую часть руки красиво по центру.

Я пытаюсь прекратить использовать таблицы для макета и переходить на div, чтобы я мог делать все правильно, но у меня возникают некоторые проблемы. style="vertical-align:middle", похоже, ничего не делает.

Answer 1

Нет good Способ для этого. Есть приличная запись по некоторым методам here, но большинство из них полагаются на элементы хакерских элементов с фиксированной высотой или с использованием раскладок таблиц и таблиц на div.

Если иметь вещи, сосредоточенные является жестким требованием, я просто give up and use tables

Answer 2

использовать таблицы или 2 дивы: один для лейбла, а другой для вашего текстового поля, так что вы будете в состоянии выровнять их должным образом.

Answer 3

HTML5 дает нам некоторые довольно интересные функции, помогающие в подобных случаях. Элементы, такие как <section> и <article>, могут быть весьма полезными в зависимости от ваших обстоятельств.

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