在CSS3中的文字后面插入文字

Question

我想在其他文本后面放置一个文本，以使背景中的文本大于前面的文本。请参见下图以了解我要创建的内容。任何帮助或说明如何创建此功能。

Answer 1

使用pseudo-elments和CSS样式

.

p:after{
    content: "hotel hotel hotel";
    position: absolute;
    left: 5px;
    top:2px;
    color: red;
    width:200px;
    background-color:black;
   opacity:0.5;
   font-size: 48px;
   z-index: -1;
}
p{
color:blue;
width:170px;
   font-size: 28px;

}