Вот пример: http://jsfiddle.net/X2sMa/Вертикально центрирование текста - DIV размерами неизвестных
мне нужно вертикально центрировать текст внутри DIV, я нашел this technique но всякий раз, когда я установил DIV для отображения: встроенный блок; текст исчезает. Любые идеи, как заставить его работать?
Если вы не хотите поддерживать IE7 и ниже, вы можете использовать display: table-cell и vertical-align: middle, иначе вы застряли с помощью таблицы.
Вы используете абсолютное позиционирование в коде для div.mask, так что вы можете поместить этот пункт как:
<div class="mask" style="position: absolute; top: 0; left: 0;">
<p style="position: relative; top: 50%;">1500 notes</p>
</div>
Может работать, но это не является идеальным, когда есть несколько строк текста. Конечно, всегда можно добавить отрицательный верхний край, но это невозможно, когда длина текста меняется каждый раз. – Barbara