Hex symbols in a data attribute

by audetwebdesign

HTML

<div data-foo='First line &#xa; Second Line'>foo</div>

CSS

[data-foo]:after {
    content: attr(data-foo);
    background-color: black;
    color: white;
    white-space: pre;
    display: inline-block;
}