http://jsfiddle.net/VhS98/1/
Jak zrobić by TEXT znajdował się po środku diva? Chodzi o środek vertical a nie o text-align:center. DIv ma wysokość tak jak obrazek tam umieszczony.

Kombinowałem z z różnymi align ale ciągle to samo. Text jest na górze.

Podam linki z tego co znalazłem:

http://blog.themeforest.net/tutorials/vert...ering-with-css/
http://www.jakpsatweb.cz/css/css-vertical-...r-solution.html
http://www.student.oulu.fi/~laurirai/www/css/middle/

Do wyboru do koloru.

Pozdro

A znasz wysokość diva??
Jeśli tak to możesz dać.
line-height:wysokośc diva;

O to chodzi ?

[HTML] pobierz, plaintext 
<div style="height:60px;">
    <span style='display:block;float:left;background:url("http://nospor.pl/images/colors.png") left repeat-y;width:20px;height:20px; padding: 20px 0 20px 20px;'> text</span>
 
</div>
[HTML] pobierz, plaintext 

@chemik wizualnie tak, o to chodzi. Ale tekst nie może być w span, tylko poza

Daj line-height:60px dla diva:

[HTML] pobierz, plaintext 
<div style="height:60px;line-height:60px">
    <span style='display:block;float:left;background-image:url("http://nospor.pl/images/colors.png");width:20px;height:60px;'></span>
    text
</div>
[HTML] pobierz, plaintext 

Tak, line-height jest rozwiązaniem. Czy to też działa pod IE?

U mnie zawsze działało, z tym, że ja używam cssów z html5boilerplate. Ale powinno działać zawsze, oczywiście nie biorę odpowiedzialności za ie6

BTW - fajny link do sprawdzania różnych cssowych i htmlowych rzeczy pod różnymi przeglądarkami: http://caniuse.com

Wystarczy nadpisać styl-może takie coś:
http://jsfiddle.net/VhS98/4/