Text-wrap to process br tags


#1

I have this code:

<div text-wrap style="font-size: 120%">
    {{song.lyric}}
</div>

My lyric has line breaks like \n or <br>, i can’t find the way to make my div to process those jump lines.


#2

white-space: pre-wrap;


#3

I think you’re trying to achieve two conflicting goals here. Ordinarily getting \n to break can be done with white-space: pre-line, but that text-wrap directive seems to set white-space to normal.


#4

great!
this works:

<div text-wrap style="font-size: 120%; white-space: pre-line">
            {{song.lyric}}
        </div>

#5

I think you might as well drop text-wrap, because you’ve cut it off at the legs with your explicit style.