JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <label for="">Было:</label>
  <p>Колбаска<br>Цена:<br>2 копейки за 1кг.</p>
</div>

<div class="container two">
  <label for=""><h1>Стало:</h1></label>
  <h1>Колбаска<br>Цена:<br>2 копейки за 1кг.</h1>
</div>

CSS

.container{
  text-align: center;
  padding: 20px;
  border: 1px solid #000;
  display: inline-block;
  float: left;
  margin: 2px;
}
.two{
  text-transform: uppercase;
  background: url('http://www.smolgazeta.ru/uploads/posts/2015-01/1421651990_kolbasa.jpg');
  text-shadow:2px 2px 2px #fff;
}