Как да центрирам жертикално текст във даден див ???

[svet1bg]

Как да центрирам вертикално текст във даден див, като не се интересувам колко е дълъг декста или колко е висок дива за по наглдено как да стане това например за това меню без да се налага да намалям височината на дивовете в топменюто ???


ДЕМО

 

[adrian]

Преправи менюто:

<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Upload file</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Login</a></li>
</ul>

#nav { border: 1px solid green; list-style: none; margin: 0; overflow: hidden; padding: 5px; }

#nav li { float: left; margin-right: 10px; }

#nav li a { border: 1px solid green; color: black; display: block; line-height: 50px; padding: 0 20px; text-decoration: none; text-transform: uppercase; }

 

[svet1bg]

Ти не си ми разбрал въпроса.
искам да центрирам вертикално самия текст във какжото си поислаш див ли п спан или каквото и да било.
Неразбрах за какво ми е да слагм този списък във меню, но мерси за опита.

 

[adrian]

http://www.dezinerfolio.com/2007/05/02/the-simplest-way-to-horizontally-and-vertically-center-a-div
http://fridaycode.net/css-horizontally-and-vertically-center-element/


Меню се слага в списък, а не в дивове, затова ти го дадох така. А иначе вертикалното центриране става най-лесно с line-height ако си сигурен, че ще имаш един ред

 

[shterev]

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

 

[smoke]

vertical-align: top/center/bottom;