luemerg
@luemerg

Как сделать выезжающий блок с текстом?

Идея в том чтобы при наведении мышки на блок ( 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


на данном этапе заключается проблема в том что текст не хочет вставать по вертикале в центре
  • Вопрос задан
  • 2973 просмотра
Решения вопроса 1
Если текст однострочный, то выстави line-height в высоту блока, иначе что-то типа этого
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы