Как работает свойство max-content в CSS?

Свойство max-content в CSS определяет идеальный размер блока по заданной оси при бесконечно доступном пространстве. 13

Другими словами, max-content — это размер, в который блок должен поместить всё содержимое без упаковки, иначе блок будет переполнен. 1

Ширина max-content — это примерно та ширина, которую бы имел контент, если бы в него не были добавлены «мягкие» переносы строк, например, параграф, который бы не разбивался на несколько строк, а выглядел как одна большая строка. 4