Лучший способ создать div с Label: Textbox и иметь его по центру?

Question

Как лучше всего иметь следующее?

Name:  [Textbox]

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

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

All known
addresses:   [Textbox]

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

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

Answer 1

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

Если бы центрирование было трудным требованием, я бы просто сдался и использовал таблицы

Answer 2

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

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

Answer 3

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