after and before pseudo elements attr(title) with break line

Issue

\n,\r, , it didn't work for them. How to go to a bottom line?

.question:hover::before {
    content: attr(title);
    position: absolute;
    width: 200px;
    background-color:#000;
    color:#fff;
}

<p class="question" title="first line
second line
third line">?</p>

Solution

Just add white-space:break-spaces;

.question:hover::before {
    content: attr(title);
    position: absolute;
    width: 200px;
    background-color:#000;
    color:#fff;
    white-space:break-spaces;
}

<p class="question" title="first line
second line
third line">?</p>

Answered By - Lukas