Блок по центру страницы

Пример html-кода, который позволит отобразить блок по центру страницы.
Добавляем в файл стилей (style.css, или подобный) своего сайта следующий код:
.center_block
{
border: 1px solid #555555;
padding: 3px;
z-index: 1000;
position: absolute;
background-color: #ffffff;
top: 50%;
left: 50%;
}

Теперь в любом месте своего сайта вставляем конструкцию типа
<div class= "center_block">Ваш текст</div>

Скачать готовое решение можно тут.

Поблагодарить автора

One Response to Блок по центру страницы

  1. ух ты, спасибо )))) прикольная вещь, тока чето у меня не получилось с первого раза, может я HTML код не туда вставил %)

Оставить комментарий

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>