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

...and if you're trying to figure this out and happen to be using HAML and AngularJS then use \n.

%a.tooltip{:"data-tip" => "Cost Per Unit: {{humanized_cost}} \n(Calculated for applicable Feature Qty.) "}

results in:

Cost Per Unit: $10.54
(Calculated for applicable Feature Qty.)