Штучний інтелект, мистецтво
Хочу запропонувати новий атрибут для HTML. Це може бути атрибут nowrap. Цей атрибут надасть стиль white-space: nowrap для конкретного елемента. Завдяки цьому атрибуту можна контролювати, як текст обробляється всередині елемента, і застосовувати його через зазначене правило стилю.
Мета цього атрибуту — запобігти розриву елементів на два рядки, щоб вони не розривались один від одного. Особливо корисно його використовувати для блоків іконка та текст. Дуже негарно, коли іконка завершує рядок, а пов'язаний з нею текст перекидається на наступний рядок…
/* CSS */
[nowrap] {
white-space: nowrap;
}
🍞 хліб
🍷 келих вина
🍿 попкорн
🍭 леденці
🫖 чайник
``` У цьому коді показано, як працюватимуть елементи span, і він не розриває текст від іконки, а просто переносить їх на наступний рядок разом.
Перекладено з: [New nowrap HTML attribute proposal](https://iamdtms.medium.com/new-nowrap-html-attribute-proposal-1fb870959bbf)