Как разместить текст в самом низу блока div?
Мне нужно разместить текст в самый вниз, без использования margin .
Как это можно сделать?
Только конкретный элемент (на Flex):
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.3.13.43309
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Как сделать подпись внизу сайта
Полезная информация
Страницы: 1
№1 03-04-2013 02:24:59
Outline Участник Группа: Members Зарегистрирован: 03-04-2013 Сообщений: 1 UA: 
12.1
Как создать подпись внизу страницы.
Допустим мне надо разместить что то типа Арт Багз Рэкордз (с) 2013 в последней строке каждой из страниц. Вручную явно не пойдет потому что размеры экранов не у всех одинаковые.
Страницы: 1
Board footer
Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia 
Язык отображения форума: [Русский] [English]
Как сделать подпись внизу сайта
Добавьте этот класс в div, окружающий изображение в html
Чтобы добавить подпись к изображению, добавьте в свой файл CSS следующее:
Вам также нужно настроить другой класс для форматирования текста, чтобы заголовок находился по центру изображения. Я добавил поле в 4 пикселя над текстом, чтобы оно было не под изображением, где также можете отформатировать стиль шрифта здесь.
Результирующий код для вашего HTML-файла должен выглядеть следующим образом
Это должно привести к изображению с рамкой и надписью, как показано ниже.
Ширина рамки идет аналогично ширине изображения, в данном случае это 200 пикселей. Надпись под изображением занимает дополнительное место в кадре, где шрифт для этой надписи имеет высоту 12 пикселей, с добавлением верхнего поля в 4 пикселя, чтобы оно не было прямо под изображением. Также добавлен 2 пиксельных отступа внизу текста, чтобы он был по центру в нижней части кадра.
Таким образом, у нас есть 12 пикселей для шрифта, плюс 2 пикселя снизу, плюс 4 пикселя сверху текста, что равно 18 пикселям. Это количество, которое мы должны установить для верхней и боковых сторон кадра. Вы должны будете настроить отступы таким же образом для вашего изображения, чтобы оно было равномерным со всех сторон.
Вы можете выровнять по центру или по левому или правому краю элемент div, установив еще один элемент div с внешней стороны этого и применив одинаковые поля с обеих сторон для центра, или float: left, или float: right.
HTML тег <footer>
Тег <footer> выделяет нижний колонтитул (“подвал”) веб-сайта или раздела. Как правило, в нем размещается информация об авторских правах, контактные данные, ссылки для навигации и т.д.
В пределах одной страницы можно разместить несколько тегов <footer>. К примеру, можно разместить нижний колонтитул внутри тега <article> для хранения относящейся к статье информации (ссылки, сноски, и т.д.).
В нем могут содержаться другие HTML элементы, кроме тегов <footer> и <header>.
Тег <footer> недавно вошел в спецификацию HTML 5, он поддерживается всеми браузерами.
Синтаксис
Содержимое тега пишется между открывающим (<footer>) и закрывающим (</footer>) тегами.