Не может вертикально центральный логотип ⇐ CSS

[Anonymous]

Верхний левый логотип не центрирован. Вот мой код: < /p>
.header_col1 {
float: left;
width: 20%;
background: #009240;
text-align: center;
position: relative;
}
.header_col1 a { /* my logo */
display: inline-block;
vertical-align: middle;
}
< /code>
Но в соответствии с статьями, которые я прочитал, должна работать. Почему не в этом случае? Я не хочу использовать абсолютное позиционирование, потому что зеленая область вокруг логотипа уменьшается в размерах в меньших разрешениях, и логотип тоже должен сделать это.

Подробнее здесь: https://stackoverflow.com/questions/304 ... enter-logo