Background
All of the following lines are one line, and you should see different behavior than the line
🦄 w / equals
=============================== 🦄 ==================== ==================================================== =========================================
🦄 w / dots
.................................. 🦄 ............... .................................................. .................................................. .................................................. .......................................
⚠️ w / both for reference
=============================== ⚠️ ==================== ==================================================== ==================================================== ==================================================== ================================================ =
.................................. ⚠️ ............... .................................................. .................................................. .................................................. .................................................. .................................................. .......
Questions:
- Why does 🦄 break the string (while ⚠️ doesn't)?
- In Chrome 63 / Safari 11.0 why packing in "=" forces 🦄 to stay on the top line, and in "." leads to the fact that 🦄 is omitted in the second line?
JSFiddle :
div {
width: 200px;
display: block;
...
}