<div class="padded-multiline">

  <h1><strong>Пошаговая инструкция по заработку с нуля до 8 млн за 2 месяца</strong></h1>

</div>
<svg width="0" height="0" class="hidden">
  <defs>
    <filter id="tile" x="0" y="0" width="100%" height="100%">
      <feImage preserveAspectRatio="none" xlink:href="data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' width='300' height='300'%3E%3Cdefs%3E%3ClinearGradient id='grad1' x1='0' y1='0' x2='0' y2='100%25'%3E%3Cstop offset='0' stop-color='%23febd01' /%3E%3Cstop offset='100%25' stop-color='%23f48810' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23grad1)'/%3E%3C/svg%3E"/>
      <feComposite in2="SourceAlpha" operator="in" result="gradient"/>
      <feColorMatrix in="SourceGraphic" type="matrix" values="1 0 0 0 0
                                                              0 1 0 0 0
                                                              0 0 1 0 0
                                                              -1 1 1 1 0"/>
      <feComposite in2="gradient" operator="over"/>
    </filter>
  </defs>
</svg>
html, body{
  background: rgb(0, 117, 255);
}

.padded-multiline { 
  width: 524px;
  margin: 20px auto;
  text-align: left;
  filter:url(#tile);
  font: 20px/50px "Arial Black", serif;
}
.padded-multiline h1 { 
  color: #fff; 
  display: inline;
  background-color: #F00;
  outline: 8px solid #F00;
  box-shadow: 0 0 0px 8px #F00; 
  padding-top: 0px;
  padding-bottom: 0px;
}
.padded-multiline h1 strong { 
  position: relative;
  outline: none;
}

.hidden {
  width:0;
  height: 0;
  position: absolute;
  top:-1000px;
  left:-1000px'
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js