Как выровнять текст или блок div по вертикали

  1. Сначала нужно создать нужную архитекутру:

    <div class="mid_parent">
    	<div class="mid_child">Выровни меня</div>
    </div>
    

    !Важно! блок mid_child всегда должен быть div!

  2. Теперь стили:

    .mid_parent{
    	display:table;
    }
    .mid_child{
    	display:table-cell;
    	vertical-align:middle;
    }
    
css