Можно ли центрировать переполненный текст?

Когда я указываю text-align: center для элемента с шириной, превышающей ширину текста, текст центрируется в поле содержимого элемент (как и ожидалось).

Когда я указываю text-align: center для элемента с шириной, которая меньше ширины текста, текст выравнивается по левому краю поле содержимого и выходит за правый край поля содержимого.

Вы можете увидеть два случая в действии здесь .

Может ли какая-либо магия CSS заставить текст в равной степени переполнять левый и правый край поля содержимого, чтобы он оставался по центру?