Alternating line background

by Mdot

HTML

<p>
    hello world<br>
    foo bar<br>
    more text more text more text<br>
    more text more text<br>
    more text more text more text<br>
    more text more text 
</p>

CSS

p {
    background: repeating-linear-gradient(180deg, red 0 1.2em, yellow 0 2.4em);
    line-height: 1.2em;
}