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

Ширина содержимого: свойство width. С помощью свойства width можно задать ширину содержимого блока. Данное свойство нельзя применить к строчным элементам. Ширина содержимого строчных элементов определятся исходя из ширины их одержимого. !!! Отрицательные значения не допускаются. !!! Свойство не наследуется дочерними элементами. Значения свойства width: Синтаксис свойства:width: 100px; width: 10em; width: 50%; width: auto; width: inherit; Минимальная и максимальная ширина. Для задания максимальной и минимальной ширины используются свойства max-width и min-width...