Closed snshn closed 5 years ago
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);
}
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
on devices with limited horizontal screen space available, and not indicating that it's supposed to be one line is detrimental to readability.