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

Сегодня мы начнем новый проект в котором основной целью станет применение javascript на веб странице. Но сначала мы подготовим основную структуру. Для этого создайте новую веб страницу и добавьте в нее представленную ниже (на скриншоте) структуру и контент. Создание стилей Теперь перейдем в стадию добавления стилей и для этого создайте тег style внутри тега head в html файле. *Мы специально не разделяем стили в отдельный файл, так как их количество сильно ограничено. В будущем мы обязательно раскроем тему структурного разделения ваших веб проектов...