В div выровнять текст или изображение по центру (по вертикали)

В любой нужный элемент вписывается div-table, в него div-table-cell, и вот в него уже всё, что нужно разместить по центру по вертикали:

<div>
<div class="div-table">
<div class="div-table-cell">...что угодно, не только текст</div>
</div>

И применить такие стили:

<style>
.div-table{
    display: table;
    width: 100%;
    height: 100%;
}

.div-table-cell{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
</style>

Share this post:

Recent Posts