Pull to refresh

sup рвёт тексты

Reading time1 min
Views4K
Почти все сайты использующие тег SUP никак не инструктируют браузер как его отображать. А ведь отображение по-умолчанию откровенно хромает — тег этот рвёт тексты, высота строки где присутствует SUP увеличивается и в результате нам предстают хаотично разбросанные строки, а не параграф. Сложно даже быстро понять, является ли такое экстра-пространство разбивкой между строками, или между параграфами.


Два варианта superscript'а: «мой» и стандартный.

Самое интересное, что такое поведение можно легко исправить, достаточно добавить глобальный стиль навроде этого:



UPD: вариант от Apostolа, даже получше будет:

sup { vertical-align: baseline; position: relative; top: -0.4em; }
sub { vertical-align: baseline; position: relative; bottom: -0.4em; }


Очень странно что практически никто это не исправляет о_О, даже те кто не забывает расставить «ёлочки» с длин—ными тире, даже Википедия!, где этих супов полным-полно.

Tags:
Hubs:
+68
Comments90

Articles