Как разместить по центру текст на картинке?

Question

[Hcuy]

Всем привет! Есть картинка на которой нужно написать текст ровно по середине. Я сделал с помощью position и хотел указать text-align: center но увы ничего не меняется. Пробовал указать

top:50%;
    left: 50%;
    margin-right: -50%;

но так же, первая буква текста по середине, а остальное уже нет. Что нужно написать, что бы все предложение было по центру, спасибо!

Comments

[WapSter]

Ограничь текст в блоке с абсолютным позиционированием обнуленными направлениями или вообще их не задавать, у картинки и родителя должен быть общий родитель, с pos:r d:if, jc:c, ai:c. Пишу с телефона по этому сам разбирайся в моей абрекадабре))

Answer 1

[carbanak01]

Возможно вы хотите сделать так. Есть пример как должно выглядеть?

<div>
<img src="" alt="">
<p>Что то там</p>
</div>

div{
position: relative;
}
p{
position:absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);
}

Comments

[Hcuy]

Большое спасибо ! :)

[carbanak01]

Hcuy, рад был помочь вам )