Margin and Padding

Мои самые любимые свойства. И, пожалуй, самые тяжелые для восприятия начинающего веб-мастера.

Начнем с простого - рассмотрим margin. Это свойство позволяет элементу отодвинуться от других, в точь как в толпе, если, конечно, место позволяет.

Для примера возьмем два дива - второй расположим внутри первого.

   Первый:
       ширина    300
       высота    200
   Второй:
       ширина    200
       высота    100

Изначально такая картина:

Тот, который желтый, сейчас по умолчанию прибит к верхнему левому краю. Попробуем его отодвинуть от левой границы примерно на 50 пикселей.