Задачка интересная, вообще, как говорится, "со звёздочкой".
Пользователи IE и Edge в пролёте, ибо без fit-content задача не решается (имеется в виду решение на чистом CSS).
Как решить "для всех" без применения JS - не вижу, что чаще всего означает "никак" :)