Как вставить текст в картинку CSS

Нельзя вставить текст в картинку с помощью CSS. Однако, вы можете использовать фоновое изображение и добавить текст поверх него с помощью HTML и CSS. Например:

HTML:

<div class="image-with-text">
  <h2>Заголовок</h2>
  <p>Текст</p>
</div>

CSS:

.image-with-text {
  background-image: url('путь/к/изображению.jpg');
  background-size: cover;
  background-position: center;
  height: 300px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
}

.image-with-text h2 {
  font-size: 2em;
  margin-bottom: 0.5em;
}

.image-with-text p {
  font-size: 1.2em;
}

Этот код создаст блок с изображением в качестве фона и текстом поверх него. Вы можете настроить размеры, расположение и стили текста по своему усмотрению.