CSS data attribute new line character & pseudo-element content value

Question

Is it possible to have a new line in a data attribute ?

I am trying to do something like this:

CSS:

[         


        

Answer 1

Okay, Here is one easy way to do this. you should write it as

data-foo='First line 
 Second Line'

and instead of using .text(), you can use .html(). when you use .html() then it will take as line break and this should solve your problem.