Apple - копирайчен, можешь попасть, если переоценишь свою "неуловимость".:)
А так - да, клятые эмодзи - часть шрифта, просто вписываешь нужный шрифт через запятую и всё заработает:
А шрифты ты уж, будь добр, сам гугли, какие тебе надо.
Не прижимать её к правому краю с поморью absolute, вестимо.
Например: положи во флекс и прижми с помощью flex-end. Потом моешь поставить ей max-width: полный размер, min-width: минимальный - чтоб сжималась если не влезает...
Тащем верстай.
Если шрифт моноширный то какие проблемы то? Высоту ты знаешь ширину ты знаешь. Высоту и ширину символа - тоже знаешь. Соответственно знаешь сколько символов поместится в строке. Берёшь количество символов да считаешь...
Очевидно: не использовать overflow: hidden на контейнере, не класть в контейнер c overflow: hidden, добавить больше внутренних отступов контейнеру с overflow: hidden...
Нужны фронты, про-верстальщик - очень нишевая тема.
Даже если ты верстаешь через пень-колоду, но способен обеспечить соответствие макету и накидать скриптов(даже не своих) - ты уже фронт и на порядок более востребован. Потому что надо клепать странички, а не ублажать валидатор; и чтоб всё сверкало.
Проблема в том, что overflow: hidden скрывает твои подпункты, т.к. они вылезают за рамку, а visible нельзя сочетать со scroll. Без использования js (или хитрых извращений) тут не обойтись. Рекомендую найти готовую либу для такого меню и не париться.
Какие-то конкретные древние приёмы и техники "вёрстки на флоатах" - знать не надо.
Как работает флоат - знать надо. Необходимость обтекания никуда со временем не делась.
Обычно этот подобный класс добавляют библиотеки всплывающих окон(модальных диалогов) при всплытии.
Если вы сами ничего не подключали - возможно виновата всплывающая реклама, просто сама по себе кривая или которую (не полностью) зарезал блокировщик.
Если сайт ваш и рекламы вы тоже не подключали - она могла пролезть от доброго провайдера, коли подключены любые внешние скрипты по http, или из вредоносного расширения в вашем браузере.
Ну пускай дизайнер рисует как он видит адаптацию этого дела хотяб для трёх основных размеров и от туда уже плясать.
Иначе влепи картинкой с width: 100% и вёрстка готова.)