Несколько способов управления размером блочных элементов по их содержимому:

• Использование свойства display: inline-block. 14 В этом случае элемент подстроится под размер вложенных в него элементов, исключив лишнее пространство. 1
• Применение свойства fit-content в CSS. 1 Если браузер поддерживает это свойство, оно позволит подогнать размер элемента под размер его содержимого. 1 Однако стоит учитывать, что поведение браузеров может различаться, поэтому предварительно нужно проверить список поддерживаемых браузеров на сайте caniuse.com. 1
• Отображение в форме таблицы. 1 Для этого используется свойство display: table. 1 Его можно применить совместно с margin: 0 auto для центрирования элемента и сохранения порядка и аккуратности. 1
• Абсолютное позиционирование. 1 Этот метод подойдёт при необходимости высокой точности, если нужно избежать пересечения с другими элементами. 1
• Вложенный div. 1 Если один div находится внутри другого, это обеспечивает больший контроль, не влияя на общую вёрстку страницы. 1