Отступы для альтернативного текста изображений

Если изображение по каким-либо причинам загрузить не удалось, то большинство браузеров показывают вместо него иконку, которая поясняет пользователю, что возникла какая-то ошибка при обработке изображения; и вместе с тем альтернативный текст, указанный в атрибуте alt элемента <img>. Однако этот текст смотрится безобразно, так как вплотную прилегает к иконке и правой границе добавляемой браузером рамки: Hello, World!

<img src="#" alt="Hello, World!">

Конечно, лучше вообще исключать такие ошибки, но потребности у всех разные — возможно кому-то это для чего-нибудь пригодится.

Ну так вот: нужно как-то отодвинуть этот текст ...


Первый способ, который пришёл мне в голову — это использование неразрывных пробелов (&#160; или &nbsp;):  Hello, World! 

<img src="#" alt="&#160;Hello, World!&#160;">

Второй (более предпочтительный), это определить элементу <img> соответствующий стиль: 
    Hello,    World!

<img src="#" alt="
    Hello,    World!        
    " style="white-space: pre;">

Пример

Отчёт о проверке поддержки браузерами

Операционная системаGoogle ChromeMozilla Firefox
Linux: Ubuntu 14.04 LTS (64-bit)47.0.2526.7342.0