Цитата сообщения Великовозрастное_дитя
Для того что бы сделать отступы на странице можно применить стилевые параметры margin и padding.
Margin определяет отступ от границы текущего элемента до внутренней границы его родительского элемента.
Родительский элемент это элемент внутри которого находится текущий элемент.
Например
Для 2-го дива родительским будет 1-й див. Для 3-го дива родительский - 2-й. Для 4-го дива родительский 1-й див
Отступы можно указывать в пикселях, процентах или других допустимых в css единицах.
margin допускает до 4-х аргументов
- 1 агрумент - задает отступ для всех сторон элемента
- 2 аргумента - первый аргумент задает отступ сверху и снизу, а второй - слева и справа
- 3 аргумента - первый задает отступ от верхнего края, второй слева и справа, а трети от нижнего края
- 4 аргумента - задают отступы от верхнего, правого, нижнего и левого края
возможны варианты:
- margin-top - отступ сверху
- margin-bottom - отступ снизу
- margin-left - отступ слева
- margin-right - щтступ справа
Вариант без отсутпа:
Делает отступы
Для того что бы таблица или див разместить посредине родительского элемента добавьте стиль margin-left: auto; margin-right: auto; тогда в любом браузере будет выводится по центру.
Все вышесказанное относиться и к
padding - который задает отступ от края элемента до воображаемого прямоугольника, ограничивающего его содержание.
Делает отступы
Текст
Текст
Что бы сделать отступ от рисунка до текста, обтекающего его, добавте к коду рисунка 2 параметра vspace="10" - отступ по вертикале, и hspace ="10" - отступ по горизонтале. 10 - это значение отступа в пикселях.
Например. Нужно текст поместить в рамку. Если мы не делаем отступов то результат будет такой
Текст
Текст будет выведен в верхнем левом углу. Для того что бы это исправить заключим текст в див и для этого дива укажим отступы.
Все красиво, но текст вплотную прилегяет к рамке дива. Что бы этого не было нужен padding
Пример использования padding
Текст
Текст выглядит не совсеми красиво.
Добавим padding
Текст
По моим наблюдениям отступ сверху не работает в дневнике если нет border. Добавляйте в стили border: solid 1px #ffffff; Цвет рамки нужно подобрать под цвет общего фона, что бы рамки не было видно