Следующий код прекрасно работает, выравнивая вложенный блок
child по центру вертикали:
<!-- <!DOCTYPE html> -->
<html>
<head>
<title>Заголовок</title>
</head>
<style>
.child{
width: 400px;
height: 100px;
display:inline-block;
vertical-align:middle;
}
.helper{
display:inline-block;
vertical-align:middle;
height:100%;
width:0px;
}
.parent{text-align: center;}
</style>
<div class="parent">
<div class="child">Text</div>
<div class="helper"></div>
</div>
</html>
Но если раскоментировать <!DOCTYPE html>, или объявить любой другой тип DOCTYPE, вертикальное выравнивание пропадает. Как же увязать вместе vertical-align и DOCTYPE?