@lansas
Фрилансер

Как сделать текст по средине картинки, поднять его?

Как сделать текст по средине картинки, поднять его?9eec9075ba4447a5bb49ba5c8abdb4fa.jpg
<div class="clearfix grpelem" id="u3312-4" data-muse-uid="U3312"><!-- content -->
      <!-- m_editable region-id="editable-static-tag-U3312" template="index.html" data-type="html" data-ice-options="disableImageResize,none" -->
    <p>Сделано в <a href="http://company-life.ru" target="_blank"><img src="images/logo2.png" alt="logo"></a> Web-студио LIFE </p>
    
  
<!-- /m_editable -->
     </div>


#u3312-4
{
	z-index: 625;
	width: 400px;
	background-color: transparent;
	font-size: 21px;
	color: #000000;
	line-height: 25px;
	position: relative;
	margin-right: -10000px;
	margin-top: 712px;
	left: 981px;
	vertical-align: middle;
}
  • Вопрос задан
  • 190 просмотров
Пригласить эксперта
Ответы на вопрос 3
Defiancefew
@Defiancefew
Web энтузиаст
Назначить и параграфу и картинке display: inline-block и vertical-align: middle?

codepen.io/anon/pen/XmrmYm
Ответ написан
@AlekseyChuyan
Как вариант - для текста position: absolute; для родительского дива relative, потом margin-top или padding-top: значение в %. Не самый точный способ, но рабочий. Ну или тут посмотри
ruseller.com/lessons.php?id=1248
Ответ написан
Комментировать
fnnzzz
@fnnzzz
front-end dev
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы