В этой статье Практики HTML, мы познакомимся с тремя техниками центрирования блока Margin+width Этот фокус позволяет центрировать блок заранее определённой ширины, независимо от ширины экрана. Кроме того, если использовать max-width вместо width, то, даже если размер экрана пользователя окажется меньше ширины этого блока, то блок не выйдет за границы экрана, а будет равен ширине экрана. Это весьма распространенная практика. Техника проста: margin: 0 auto;
max-width: 500px; и ваш блок (именно блочный элемент, а не строчный) окажется ровно в центре страницы...
В прошлой статье мы разобрали как работает "margin".
Осталось разобрать"padding". Но перед этим необходимо задать размеры информационного блока, что бы внутри него перемещать информацию. Для начала можем создать новый файл html и css, либо убрать прошлую информацию. Необходимо создать два блока. Первого назовем "page", а второй "box". <div class="page"> <div class="box"> </div> </div> Код должен выглядеть так: Переходим в css и прописываем следующий код: .page{ max-width: 500px; \\Максимальная...