如何仅使用CSS将图像(或文本)放置在段落中两个或多个单词的下方？

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <span class="image-text">Image Text</span> donec euismod.</p>

.image-text {
  position: relative;
}

.image-text::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 20px; /* 调整高度以适应图像或文本的大小 */
  /* 在这里添加图像或文本的样式 */
}

.image-text::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 20px; /* 调整高度以适应图像或文本的大小 */
  background-image: url("image.jpg"); /* 图像的URL */
  background-size: cover; /* 调整图像的显示方式 */
  /* 或者使用文本 */
  content: "Text";
  text-align: center;
  line-height: 20px; /* 调整行高以垂直居中文本 */
}