Text-wrap to process br tags

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.

white-space: pre-wrap;

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.

1 Like

great!
this works:

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

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