Вертикальное выравнивание

HTML:

<div class="parent">
    <div class="child">Текст, который заключён во внутренний блок. </div>
    <div class="helper"></div>
</div>

CSS:

.child {
    display: inline-block;
    vertical-align:middle;
    text-align: center;
    max-width: 98%; /* указать нужную ширину */
}

.helper {
    display: inline-block;
    vertical-align:middle;
    height: 100%;
    width:0px;
}

.parent {
    display: block; /* элемент должен быть как block */
    height: 300px;  /* указать нужную высоту */
}

У объекта с классом .child не должно быть свойства float.

Комментарии

Авторизуйтесь, чтобы добавлять комментарии