margin

Размеры внешних отступов вокруг элемента, отделяющих его от других элементов страницы. Можно указывать либо для всех сторон элемента одновременно, либо для каждой стороны в отдельности, либо для определённых комбинаций сторон. Выбор варианта автоматически определяется браузером по количеству указанных через пробел значений. Возможные варианты:

1 значение - задаются одинаковые отступы для всех сторон элемента
2 значения - первый аргумент задаёт отступ с верхней и нижней сторон, второй - с левой и правой
3 значения - первый аргумент задаёт отступ сверху, второй - с левой и правой сторон, третий - снизу
4 значения - последовательно задаются величины верхнего, правого, нижнего и левого отступов

Также можно регулировать величины отдельных отступов с помощью свойств margin-top, margin-right, margin-bottom и margin-left.

В качестве значения выступают абсолютные единицы измерения CSS, проценты или можно использовать слово auto. Разрешаются и отрицательные значения. На практике значение по умолчанию =0px.

Примеры:

... До <img src=pic.jpg style="margin:30px; margin-bottom:0px"> После ...	До До До До До До До До До До До До До До До До До До До После После После После После После После После После
... До <img src=pic.jpg style="margin:auto 20px -10px 20%"> После ...	До До До До До До До До До До До До До До До До До До До После После После После После После После После После

(margin - англ. край, поля страницы, опушка леса)

padding

Размеры внутреннего поля между границами элемента и его содержимым. Можно указывать либо для всех сторон элемента одновременно, либо для каждой стороны в отдельности, либо для определённых комбинаций сторон. Выбор варианта автоматически определяется браузером по количеству указанных через пробел значений. Возможные варианты:

1 значение - задаются одинаковые поля для всех сторон элемента
2 значения - первый аргумент задаёт поле с верхней и нижней сторон, второй - с левой и правой
3 значения - первый аргумент задаёт поле сверху, второй - с левой и правой сторон, третий - снизу
4 значения - последовательно задаются величины верхнего, правого, нижнего и левого полей

Также можно регулировать величины отдельных полей с помощью свойств padding-top, padding-right, padding-bottom и padding-left.

В качестве значения выступают абсолютные единицы измерения CSS, проценты или можно применить слово auto (но проценты нельзя применять к ячейкам таблицы). На практике значение по умолчанию =0px, для таблиц =1px.

Пример:

<table border=1>
    <tr><td>1х1
        <td>1х2
    <tr><td style="padding-left:10px">2х1
        <td style="padding:20px">2х2
</table>

1х1	1х2
2х1	2х2

(В таблице, как я поняла, данное свойство может быть применено только непосредственно к самим ячейкам.)

(padding - англ. заполнять, набивочный материал)

1. Отступы

2. Поля