Привет.
Нужно выровнять текст по центру изображения. Изображение должно тянуться на 100% ширины экрана.
Пробовал так:
<div class="slider">
<img src="header-logo.png" alt="">
<p>Text</p>
</div>
.slider p {vertical-allign: middle;}
.slider img{
width: 100%;
}
Изображение тянется, но текст не реагирует.
Ещё пробовал задавать background no-repeat и width:100% для класса slider, а из разметки убирал img. Тогда эффект обратный. Текст реагирует, но изображение не тянется. Подскажите, куда копать.
Вот
ссылка для наглядности
