[HTML][CSS]Treść diva wyśrodkowana pionowo Opcje

[klapaucius]

Domyślam się, że temat się pewnie przewijał wielokrotnie przez forum, jednak nie mogę się i tak uporać z tym problemem:

Mam taki kod HTML:

[HTML] pobierz, plaintext 
<div class='klasa'><img src=''>Jakiś tekst</div>
[HTML] pobierz, plaintext 

I chcę otrzymać taki efekt:

Czyli żeby zawartość była wyśrodkowana w pionie.
Prosiłbym o napisanie jak ma wyglądać ta klasa diva w CSS.

[RiE]

Zrobiłem przykład: http://jsfiddle.net/Zg8cb/2/

Musisz nadać pierwszemu elementowi display:table, a następnie wewnętrznemu display:table-cell i vertical-align:middle

[bostaf]

Albo po prostu nadając obrazkowi atrybut vertical-align: middle;:

[CSS] pobierz, plaintext 
.klasa img {
    vertical-align: middle;
}
[CSS] pobierz, plaintext 

demo na jsFiddle (sprawdzone w Chrome, Firefox i IE6)

[Lewiatan]

Troszkę teorii

http://css-tricks.com/what-is-vertical-align/
http://blog.themeforest.net/tutorials/vert...ering-with-css/
http://phrogz.net/css/vertical-align/index.html