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

Тут поговорим о единицах измерения шрифтов и размеров, которые можно использовать в CSS. Во многих задачах верстки часто приходится решать задачи относительных размеров. И зачастую гораздо проще задать абсолютные значения, тем самым решив задачу быстро и по макету. Кажется, что именно тут спрятаны причины очень многих проблем коммуникации и продуктов. Потому что человеку который занимается созданием HTML документов нельзя забывать, что HTML документы это в отличии от рисунков не статическая картинка, ни единое полотно которое всегда показывает один и тот же контент...