Последняя надежда на ВАС!

[Максим Саенко]

Ребята! Вот как я не лазил по сайтам, посвященным html/css — никак мне нормально рассказать не могут (или это у меня руки кривые). Короче есть код:

#menu {
	 width: 600px;
	 height: 30px;
	 margin: 0px auto;
}
#menu ul {
	 margin: 0px;
	 padding: 0px;
	 list-style: none;
}
#menu li {
	 display: inline;
}
#menu a {
	 display: block;
	 float: left;
	 width: 150px;
	 padding: 5px 0px;
	 text-align: center;
	 text-decoration: none;
	 font-weight: bold;
	 background: #EEEEEE;
}
#menu a:hover {
	 background: #CCCCCC;
}

происходит нормальное выравнивание по вертикали по центру! Вот как тут: http://template.ho.ua/norm/

Делаю ТОЧНО по аналогии, но только мне DIV-ы пошире нужны, да и повыше (не хочу чужой код лопатить) И У МЕНЯ, блин пасхальный, текст выравнивается по вертикали СВЕРХУ (тут вырезается цензурой)!!! http://template.ho.ua/my/ ЧТО Я (тут вырезается цензурой), блин дырявый, не так делаю!? Может кто подскажет такие вещи:

как, используя в div-e height выровнять по вертикали по центру!?

чему будет равна высота такого div-а и как ее вычислить:

div.test {
font-family:verdana;
paddind-top:10px;
paddind-bottom:10px;
font-size:11px;
}

[SelenIT]

Если текст однострочный, то самое простое средство — задать ему line-height, равный height-у.

[ShumNo]

Стили которые вы привели содержатся только в одном примере. Из-за этого становится не ясно что вы спрашиваете.

Если вы хотите опустить ни же какой-то элемент, то добавьте отступы или разметите другой элемент в потоке выше, который сдвинет первый вниз

[Struggle]

vertical-align ?

[XAHTEP26]

Я конечно не профессионал но можно выровнять текст посередине по вертикали с помощью vertical-align, но тогда придется еще изменить display:

display: table-cell;
vertical-align: middle;

[BSandro]

Ну можешь попробовать так

.test {
position:absolute;
top:1px /* тут указывает свое*/
left:1px; /* тут указывает свое*/
right:1px; /* тут указывает свое*/
bottom:1px; /* тут указывает свое*/
}
Так же можно вот так
.test {
margin:0 0 0 0;
}
1.отступ с верху
2.отступ с право
3.отступ с низу
4.отступ с лево
Типо как по часовой стрелки!

[Catherine]

Если надо так, как в примере, то выравнивание реализовано за счет паддингов, как-то так. То-есть, для увеличения высоты блока необходимо увеличить padding'и у #menu a

Если надо просто вертикальное выравнивание, то основные способы вам уже подсказали.

display: table-cell + vertical-align (пример)

line-height (пример)

position: absolute (пример)