Вертикальное выравнивание
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
.
Авторизуйтесь, чтобы добавлять комментарии