[Отшельник]

Только начинаю осваивать верстку на дивах, столкнулся с такой проблемой:
Вот кусок кода выводящий блок:

<div id="oficsite">официальный сайт городского поселения</div>

А вот код CSS который это всё обрабатывает:

#oficsite
	{
	background-color: red;
	float: left;
	width: 770px;
	height: 30px;
	font-family: Tahoma;
	font-size: 12px;
	color: #2a1f03;
	}

В общем проблема в том, что текст получается приклеен к верхней границе, а снизу остаёться много места. А мне надо, чтобы он был посередине в вертикальной плоскости. Подскажите как сделать?

[Rembrandt]

Тебе лучше заключить текст в параграф( <p>...</p>) и к нему применять позиционирование (position:absolut или position:relative и задавать им top:50%) ну или margin-top:50% я думаю должно помочь А да чуть не забыл чтобы указывать p позиционирование нужно указать позиционирование родительскому элементу, в твоем случае это div

[Отшельник]

проблема в том, что мой div является элементом разметки страницы, т.е. включён в общий дизайн и при его смещении едет вся страница.
Я слышал, что к тексту надо применить что-то как к блоку, а что за свойство не знаю. То что вы предложили не работает, всё расползается, а текст в блоке не движется.

Добавлено через 2 минуты

Как вообще можно сделать, чтобы текст в блоке располагался по центру?

[Rembrandt]

Ссори не margin,а padding-top:50% или в рx пропишите...

[Асмодиан]

в случае однострочного блока (текст исключительно в одну строчку) проблемма решается
line-height:28px;

[Отшельник]

Огромное спасибо, с padding помогло, но кода больше получилось.
С line-height всё нормально и кода меньше.