Практика разработки Web-страниц
Margin-top, margin-right, margin-bottom, margin-left и margin
Установите расстояние между объектом (или его границей) и смежным объектом или краем окна или ячейки. Используйте margin, чтобы установить сразу все четыре поля.
|
body {margin:0;} | Страница находится в верхнем левом углу окна броузера | |
|
.quote { margin-left:.25in; margin-right:.25in;} | Абзацы класса quote отступают на четверть дюйма от краев окна | |
|
h1,h2,h3 {margin-bottom:6px;} p { margin-top:6px; margin-bottom:6px;} ul , ol { margin-top:8px; margin-bottom:18px;} li { margin-top:0px; margin-bottom:4px;} | Страница разбита более равномерно: заголовки и абзацы ближе друг к другу, пункты списка разделены небольшими отступами | |
|
img {float:right;margin-left:10px;} | Рисунки выровнены справа; текст огибает их слева, но он отделен от них как минимум десятью пикселами |
