Даже если вы только начали заниматься веб-разработкой, то наверняка уже знаете, что для перехода к нужному блоку на странице (прокрутке в нужное место) можно использовать якоря - ссылки вида: <a href="#block-id">Текст ссылки</a> Переход по такой ссылке автоматически прокрутит страницу к блоку с нужным id. А можно ли не "прокручивать", просто сделать такой блок скрытым и показывать его только после нажатия на ссылку? Давайте попробуем, - при клике по ссылке увидим плавно выезжающее слева сообщение...

В этой статье Практики HTML, мы познакомимся с тремя техниками центрирования блока Margin+width Этот фокус позволяет центрировать блок заранее определённой ширины, независимо от ширины экрана. Кроме того, если использовать max-width вместо width, то, даже если размер экрана пользователя окажется меньше ширины этого блока, то блок не выйдет за границы экрана, а будет равен ширине экрана. Это весьма распространенная практика. Техника проста: margin: 0 auto; max-width: 500px; и ваш блок (именно блочный элемент, а не строчный) окажется ровно в центре страницы...