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

Question

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

Name:  [Textbox]

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

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

All known
addresses:   [Textbox]

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

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

Answer 1

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

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

Answer 2

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

Answer 3

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

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