Отступы для альтернативного текста изображений
Если изображение по каким-либо причинам загрузить не удалось, то большинство браузеров показывают вместо него иконку, которая поясняет пользователю, что возникла какая-то ошибка при обработке изображения; и вместе с тем альтернативный текст, указанный в атрибуте alt элемента <img>. Однако этот текст смотрится безобразно, так как вплотную прилегает к иконке и правой границе добавляемой браузером рамки:
<img src="#" alt="Hello, World!">Конечно, лучше вообще исключать такие ошибки, но потребности у всех разные — возможно кому-то это для чего-нибудь пригодится.
Ну так вот: нужно как-то отодвинуть этот текст ...
Первый способ, который пришёл мне в голову — это использование неразрывных пробелов (  или ):
<img src="#" alt=" Hello, World! ">
Второй (более предпочтительный), это определить элементу <img> соответствующий стиль:
<img src="#" alt="
Hello, World!
" style="white-space: pre;">Пример
Отчёт о проверке поддержки браузерами
| Операционная система | Google Chrome | Mozilla Firefox |
|---|---|---|
| Linux: Ubuntu 14.04 LTS (64-bit) | 47.0.2526.73 | 42.0 |