Hex symbols in a data attribute

by _nK

HTML

<div data-foo='First line
 Secon asd as das das da asd as das das das s das das dasd Line'>foo</div>

CSS

[data-foo] {
  position: relative;
}
[data-foo]:after {
  position: absolute;
    content: attr(data-foo);
    background-color: black;
    color: white;
    white-space: pre;
    display: inline-block;
    max-width: 300px;
}