How do you combine emoji skin tone modifiers with smileys in normal HTML? I've tried the following in Firefox 52 ESR:
<p>😏🏻</p>
<p>🏻😏</p>
<p>😏🏻</p>
<p>🏻😏</p>
Which shows up as the smiley and just a circle of the skin tone next to it though not combined:
😏🏻
🏻😏
😏🏻
🏻😏
I do not want to use the literal character. Bonus points for CSS and/or pure JavaScript implementation too (but alone it won't count as the answer).
It seems like there is no colored “Smirk” emoji. The concept you use should be the right one if used with other emoji.
for example:
👍🏻
would be<p>👍🏻</p>