Несколько методов, которые используют для размещения текста внизу страницы:

• Использование CSS-правил для фиксации текста у нижнего края div. 1 Для этого родительскому div назначают свойство position: relative, а текстовому элементу внутри него присваивают position: absolute и bottom: 0. 1 Такие правила обеспечивают смещение текста к нижнему краю независимо от размеров его «родителя» — div. 1
• Применение Flexbox. 1 Flexbox — инструмент для управления пространством между элементами. 1 Чтобы текст оказался внизу, используют display: flex и связанные с ним свойства. 1
• Вертикальное выравнивание с помощью свойства Table-cell. 1 В сочетании свойств display: table-cell и vertical-align: bottom можно обеспечить надёжное выравнивание текста по нижнему краю для однострочного контента. 1
• Точное управление с помощью отступов. 1 Используют внутренние отступы для создания визуального пространства. 1 Такой подход схож с созданием игровой зоны внутри div для текста. 1
• Использование CSS Grid. 15 CSS Grid может выравнивать элементы вертикально, как и Flexbox. 1
• Контролирование переполнения. 1 Если текст выходит за рамки, используют overflow: auto; или overflow: hidden; для регулирования его поведения. 1