Как поверх картинки написать текст в css?

Пользователь

от carlo.cummerata , в категории: HTML/CSS , 3 месяца назад

Как поверх картинки написать текст в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от declan.bashirian , 3 месяца назад

@carlo.cummerata  Поверх картинки написать текст в CSS можно так:


HTML:

1
2
3
4
5
6
7
8
<body>
    <div class="image">
      <img src="image/12.png" />
      <div class="image2">
        <span>Текст на картинке</span>
      </div>
    </div>
  </body>


CSS:

1
2
3
4
5
6
7
8
.image {
  position: relative;
}
.image2 {
  position: absolute;
  color: brown;
  bottom: 50%;
}