Indicating line separators for readability

[snshn]

Long lyrics (or if viewed on mobile) sometimes get wrapped between 2+ lines, this makes it harder to understand where the line began and ended (especially for lyrics in German). Perhaps wrapping each line into a tag (or using some CSS trick to put a line after every newline character) would aid readability.

E.g.

Got a bad tattoo with your name on it.

may get displayed as

Got a bad tattoo with
your name on it.

on devices with limited horizontal screen space available, and not indicating that it's supposed to be one line is detrimental to readability.

[snshn]

This CSS seems to do the job, not sure if replacing <br /> with <hr /> would do any good as an alternative solution.

br {
    content: "";
    display: block;
    margin: 0.1rem 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}