JSFiddle - React, Tailwind, and code Playground

HTML

<span class="over">
    <p class="gr">1wiersz</p>
    <p class="gr">drugiwiersz</p>
    <p class="gr">trzeci dłuższywiersz</p>
</span>

CSS

.over {font-size:60px;color:#f00;height:100px;}
.gr{
background: -moz-linear-gradient(left,  #1e5799 0%, #000000 46%);
    margin: 0;
    padding: 0;
    display: table;
}
 .gr2{ background:url(http://math.hws.edu/eck/cs124/notes98/tests98/redgradient.gif)}