«Кажется, что оба работают хорошо», но только в тестируемом почтовом клиенте.
Первое, на что следует обратить внимание, это добиться согласованности между различными почтовыми клиентами.
Наличие <span>
использование display:inline-block
не будет работать на Windows рабочем столе Outlook. Inline-block
даже не работает на некоторых почтовых клиентах, таких как веб-почта Telstra. White-space:nowrap
работает нормально, но опять же не на Outlooks.
Основным способом продвижения вперед является использование неразрывного пробела, т.е.
Даже в этом случае некоторые клиенты, например Apple, прервут его, если не хватит места. В этом случае
в сочетании с nowrap
может работать. Но если на самом деле не хватает места, мобильные телефоны будут стремиться сжать текст, чтобы он уместился, но не читался. Поэтому лучше не форсировать проблему, а просто использовать
в одиночку. Несмотря на это, если строка становится слишком длинной, некоторые клиенты станут нечитаемыми, если не смогут ее разорвать (особенно приложения Gmail).