Возможно ли на собрать такой блок на css, но что бы он тянулся в зависимости от содержимого?

Да, возможно собрать блок на CSS, который будет тянуться в зависимости от содержимого. В CSS для этого можно использовать различные техники и свойства.

Одним из основных свойств, которое поможет создать блок, который тянется в зависимости от содержимого, является свойство display. Как правило, блоки по умолчанию имеют значение display: block, которое делает их занимающими всю доступную ширину родительского элемента. Однако, если блок имеет значение display: inline-block, то он будет масштабироваться в зависимости от содержимого, а именно, его ширина будет автоматически рассчитываться в соответствии с длиной содержащегося в нем текста или других элементов.

Кроме того, свойство width также может быть использовано для контроля масштабирования блока. Если вы не хотите, чтобы блок занимал всю доступную ширину, вы можете задать ему фиксированную ширину, используя значение в пикселях или процентах. Однако, стоит учесть, что при использовании фиксированной ширины, блок не будет тянуться в зависимости от содержимого и может либо обрезаться, либо располагаться в неудобном для чтения положении.

Для создания адаптивного блока, который может расширяться и сужаться в зависимости от размера окна браузера или родительского контейнера, можно использовать свойства max-width и min-width. Например, если вы хотите, чтобы блок имел максимальную ширину, но при этом не превышал определенного значения, вы можете задать ему max-width: 100% или max-width: 500px, где 500 пикселей - это максимальная ширина блока.

Также стоит упомянуть о свойстве flexbox, которое предоставляет более гибкую и мощную систему для управления расположением и размерами элементов. С помощью флексбокса вы можете создавать адаптивные блоки, которые будут тянуться в зависимости от содержимого и динамически распределять свободное пространство между собой.

В зависимости от конкретных требований и контекста, вы можете комбинировать различные свойства и техники, чтобы добиться нужного результата. Разработка адаптивных и масштабируемых блоков на CSS требует понимания основ языка и возможностей, а также тщательного рассмотрения дизайна и контента, чтобы найти наилучшее решение.