<svg viewBox="0 0 300 110" width="300">
  <defs>
    <mask id="mask">
      <rect width="100%" height="100%" fill="#fff" />
      <line x1="80" x2="235" y1="5" y2="110" stroke="#000" stroke-width="10"></line>
    </mask>
  </defs>

  <g mask="url(#mask)">
    <text class="big" x="0" y="40">dream</text>
    <text class="small" x="2" y="58">your personal</text>
    <text class="big" x="70" y="100">house</text>
  </g>
</svg>
body {
  background: url(https://cdn.louisfeedsdc.com/wp-content/uploads/artistic-modern-traditional-american-house-exterior_2241671.jpg);
  background-size: cover;
  height: 100vh;
  margin: 0;
}

.big {
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: 50px;
}

.small {
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: 12px;
}

.big,
.small {
  letter-spacing: 3px;
  fill: #fff;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.