Вертикальный центрирующий элемент CSS

Question

В приведенном ниже коде, как я могу сделать вертикальный интервал центрального элемента с классом "ExclamationPoint"? Я хочу создать его как на картинке ниже:

Я пробовал Padding-top и вертикальный; выровнять, но я не мог стиль как изображение
Я хочу расположить span с классом "ExclamationPoint" вертикально посередине независимо от высоты DIV стороны.

JSFiddle Link

Answer 1

Вы можете переместить его в середину элемента div следующим образом:

Сначала убедитесь, что родительский элемент div (NewsNote) имеет набор position, поэтому добавьте position:relative;.

Теперь вы можете центрировать .ExclamationPoint, задав ему height из 0, position:absolute; и top:50%;.Это подтолкнет div до точной середины.

Теперь восклицательный знак будет ниже центра, чтобы исправить это добавление line-height:0;.

http://jsfiddle.net/vNDUx/1/