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

Здесь вы увидите долгое описание того, как я создавал эту небольшую кнопку. Будет множество пояснений для новичков, которые могут показаться вам бесполезными. Но как показывает практика, даже верстальщики с опытом в 1 год, не знают многих базовых вещей. П.с. в связи с тем, что Яндекс.дзен автоматически применяет хёштеги, формат записи цвета будет в rgb. Листай в самый низ, если скучно (там код) =) Голый HTML Для начала зададим фону приятный цвет, который будет гармонично смотреться с кнопкой и эффектом наведения...