Что прописать в css, что бы контент не выходил за пределы блока?

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

Использование свойства overflow:

overflow: hidden; - это свойство обрезает содержимое, которое выходит за пределы блока. Оно просто скрывает все, что не помещается внутри блока.
overflow: auto; - это свойство добавляет полосы прокрутки внутри блока, если его содержимое превышает высоту или ширину.
overflow: scroll; - это свойство всегда добавляет полосы прокрутки внутри блока, независимо от того, превышает ли его содержимое высоту или ширину.

Использование свойства text-overflow:

text-overflow: ellipsis; - если текст внутри блока не помещается по горизонтали, то он будет обрезан и заменен многоточием.

Использование свойств white-space и word-wrap:

white-space: nowrap; - это свойство предотвращает переносы строк внутри блока и заставляет весь текст целиком помещаться внутри блока.
word-wrap: break-word; - это свойство позволяет переносить слова, которые длиннее, чем ширина блока, на новую строку.

Использование свойства max-width и max-height:

max-width: 100%; - это свойство ограничивает ширину блока, чтобы она не превышала ширину его родительского элемента или другое указанное значение.
max-height: 100%; - это свойство ограничивает высоту блока, чтобы она не превышала высоту его родительского элемента или другое указанное значение.

Пример применения этих свойств:

.block {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  max-height: 100%;
}

Это лишь некоторые способы, которые можно использовать для предотвращения выхода контента за пределы блоков. У вас также может быть необходимость в дополнительных стилях и свойствах в зависимости от вашей конкретной ситуации и требований. Обратите внимание, что эти свойства могут не работать в некоторых браузерах, поэтому перед использованием всегда рекомендуется проверять их совместимость на разных платформах.