Работает ли свойство vertical-align?

[alexlut]

vertical-align

Описание

Выравнивает элемент по вертикали относительно своего родителя или окружающего текста.

Пишу:

p.topic {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px; font-weight: bold;
 color: #996600;
 vertical-align: middle
}

Вставляю

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

Я так понимаю, что для

блок, в котором он лежит - это родительский элемент (см. цитату выше).

Или я чего-то не понимаю?

[guvatara]

в теге

текст выравнивается всегда по центру, но сама высота тега зависит от размера шрифта по умолчанию и падингов с маргинами по умолчанию для каждого браузера, советую использовать line-height и через него задать высоту тега

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

[alexlut]

А если есть блок с рамкой, высота которого определяется картинкой слева. И надо чтобы напротив картинки справа точно посередине ее высоты (симметрично, то-есть) был текст в пару-тройку строчек. Как подогнать padding и margin?

[Tokolist]

для браузеров

display: table-cell;
vertical-align: middle;

для ие

expression

[klierik]

воспользуйтесь посиком, и вы найдете пару примеров

вертикального выравнивания