Witam!

Od około 2ch godzin borykam się z problemem, mianowicie mam mniej więcej taki kod:

[HTML] pobierz, plaintext 
<div class="klasa1">
	<ul>
		<li><img src="jakisobrazek.png"><span>jakistekst</span></li>
		<li><img src="jakisobrazek.png"><span>jakistekst</span></li>
		<li><img src="jakisobrazek.png"><span>jakistekst</span></li>
	<ul>
</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
.klasa1{
	float: left;
}
 
.klasa1 ul{
	width: 200px;
}
 
ul{
       list-style: decimal;
}
[CSS] pobierz, plaintext 

I teraz pytanie, jak wypozycjonować tekst w <span> tak aby środek tego tekstu był w połowie wysokości obrazka, dodatkowo aby numeracja ów listy zachowała się podobnie do tekstu w <span>.


Dzięki i pozdrawiam

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

http://jsfiddle.net/psPvx/