JSFiddle - React, Tailwind, and code Playground

by klierik

HTML

<div class="text">
  <div class="underlayer">Pharetra</div>
  <div class="overlayer">Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas faucibus mollis interdum. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</div>
</div>

CSS

.text {
  display: inline-block;
  position: relative;
  width: 500px;  
}

.underlayer {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  
  font-size: 84px;
  
  color: #fff;
  text-shadow: 1px 1px 2px black; /* Параметры тени */
}
.overlayer {
  position: relative;
  z-index: 2;
  padding-left: 100px;
}