Живые примеры

На сайте htmlbook.ru используется особая технология под названием «живые примеры». Большинство примеров снабжены дополнительными кнопками, нажав на них можно сразу увидеть результат примера в действии. Разница между кнопками небольшая:

— открывает пример в текущем окне браузера;
— открывает пример в новом окне.

Все живые примеры полностью работоспособны: на ссылки можно нажимать, не боясь увидеть ошибку, картинки показываются, данные форм отправляются куда надо.

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

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.