Господа верстальщики нашел метод выравнивания блока с неизвестной высотой по вертикали. Все отлично работает, но не могу разобраться как, кто нибудь может объяснить максимально "разжевано" и просто... КАК ЭТО РАБОТАЕТ? Сломал голову, гуглил, вот пример:
Код:
body, html {
height: 100%;
padding: 0px;
margin: 0px;
}
section {
text-align: center;
width: 100%;
height: 100%;
}
section:before {
content:'';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
article {
position: relative;
display: inline-block;
vertical-align: middle;
}
<section>
<article>Yeah!</article>
</section>
Фидл: http://jsfiddle.net/9Vyqv/
P.S. Насколько я знаю, vertical-align работает только с display: table, table-cell, а тут прям магия какая-то. Спасибо.