I have long string of text like this:
AAAABBBBCCCCDDDDEEEEFFFFGGGGHHHH
But I'd like to display it like this for readability purposes:
AAAA BBBB CCCC DDDD EEEE FFFF GGGG HHHH
When highlighted and copied this string must remain unbroken, so I can't simply use spaces.
How do I visually break up this string into chunks using CSS but preserve the original text formatting?
edit: I would like to avoid JS if at all possible
<wbr>
tag to split your data