Как уменьшить div вокруг обернутого текста (исправить пробел)? [дублировать] ⇐ CSS

[Anonymous]

tl; dr: (проверка изображений) Div не будет сжиматься вокруг обернутого текста, меньше, чем ограничивающая коробка, вызывая проблемы выравнивания. Творкий ветер, React. < /P>
изображения < /h2>
хорошо:

alt="self portrait"
className="translate-y-[-5%] w-[160px] md:w-[200px] lg:w-[300px] h-auto transition-transform duration-300 ease-in-out hover:scale-105"
/>

Hi! I'm Name!



);
}
< /code>
Я не хочу Flex-nowrap < /code>, потому что мне действительно нравится, когда текст обертывает.

я попробовал различные комбинации элементов /свойств; W-fit , inline block , WhiteSpace-pre-wrap и слов-слова Свойства, на различных элементах.>

Подробнее здесь: https://stackoverflow.com/questions/796 ... whitespace