@misha979797

Как вставить текст во внутрь изображения?

Как вставить текст во внутрь изображения?
<div class="content1-down2 col-sm-4">
            <img src="img/vector-smart-object.png" alt="">
            <h4>15</h4>
            <p>Скидка<br>постоянным<br>клиентам</p>
          </div>

Картинка vector-smart-object.png :
5ac3d13a3a3b3060840937.jpeg

попробовал через позиционариование и ничего не вышло
.content1-down2 img{
position: relative;
}
.content1-down2 h4{
position: absolute;
}
  • Вопрос задан
  • 796 просмотров
Решения вопроса 1
lambesis
@lambesis
Слабоумие и отвага!
Не очень понятно что именно вы имеете ввиду, но если вдруг я вас поняла, то вот.
Либо делайте эту картинку фоновым изображением:
.content1-down2 {
  background-image: url(../img/vector-smart-object.png);
}

Либо, если вам критически необходим в html-разметке, позиционируйте картинку абсолютно и растягивайте на размеры родителя:
.content1-down2 {
  position: relative;
}
img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
customtema
@customtema
arint.ru
Варианты навскидку:
- сделать изображение фоном div-а
- абсолютное позиционирование
Ответ написан
Комментировать
@adrenalinruslan
.content1-down2{
position: relative;
}
.content1-down2 h4{
position: absolute;
top: 0;
left:0;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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