Вставьте текст за текстом в 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;

}

<p>The hoel resturant and bar</p>