<!DOCTYPE html> <html> <head> <meta charset=utf-8> <style> .test { width: 5em; border: 1px solid silver; margin: 1em; padding: 2px; } .wrapped { word-wrap: break-word; } .nowrap { white-space: nowrap; } </style> </head> <body> The emoji faces should wrap within the box; the series of flags should not wrap. <div class="test"> <span class="wrapped">😀😁😂😃😄😅😆😇<!-- -->😈😉😊😋😌😍😎😏</span><!-- --><span class="nowrap">🇯🇵🇰🇷🇩🇪🇨🇳<!-- -->🇺🇸🇫🇷🇪🇸🇮🇹<!-- -->🇷🇺🇬🇧</span> </div> </body> </html>