Идея в том чтобы при наведении мышки на блок ( event thumb1 ) выезжал блок с текстом ( data ).
текст должен быть выравнен по центру как по вертикали так и по горизонтали
в идеале на чистом css все сделать
<div class="event thumb1">
<p class="data">gerzbar 01.01.2015</p>
</div>
.event
height: 150px
background-size: cover
background-position-y: -50px
overflow: hidden
.data
width: 100%
height: 145px
margin-top: 0px
background-color: rgba(0,0,0,.5)
text-align: center
vertical-align: middle
на данном этапе заключается проблема в том что текст не хочет вставать по вертикале в центре