CSS line effect

Like lined paper. Demo for Sheldrick.

HTML

<h1>This is on one line.</h1>
<h1>This is on two lines you stupid stinking&nbsp;bastard.</h1>

CSS

h1 {
    background-image: linear-gradient(#fff, #fff 90%, #f00 90%, #f00 100%);
    background-repeat: repeat-y;
    background-size: 100% 1.5em;
    line-height: 1.5;
}