Как исправить текст вылезающий за пределы страницы

Чтобы исправить текст, выходящий за границы контейнера, можно использовать CSS-свойства:

1. overflow-wrap: break-word - переносит слово на новую строку, если оно не помещается
2. word-break: break-all - разрывает слово в любом месте
3. text-overflow: ellipsis - обрезает текст и добавляет многоточие (требует white-space: nowrap и overflow: hidden)

Пример:

.container {
  width: 200px;
  overflow-wrap: break-word;
  /* или */
  word-break: break-all;
  /* или для однострочного текста */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

Для многострочного текста с обрезанием можно использовать:

.container {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* количество строк */
  -webkit-box-orient: vertical;
  overflow: hidden;
}