<div class="cont">
<span class="word word__one">Пошаговая инструкция</span> 
<span class="word word__two">по заработку с нуля</span> 
<span class="word word__three">до 8 млн за 2 месяца</span> 
</div> 
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap&subset=cyrillic');

.cont {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
font-family: 'Roboto Condensed', sans-serif;
color: white;
}

.word {
font-size: 25px;
padding: 7px 15px;
  letter-spacing: 1px;
}

.word__one {
    background: linear-gradient(to top, #ef6e00, #ecb61e 90%);
}

.word__two {
background-color: #ef6e00;
}

.word__three {
background-color: #ef6e00;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.