[HTML] Napis na środku obrazka Opcje

[renault12]

Mam mały problem bo chce zeby moj napis wyswietlal sie na srodku obrazka ale nie wiem jak to ustawic, jakby ktos mogl podpowiedziec cos to bylbym wdzieczny, tak wyglada obrazek:


http://img143.imageshack.us/img143/7889/beztytuuca.jpg

A tak kod:

[PHP] pobierz, plaintext 
	$lvl = '<div style="background-image: url(level.png); width:'.$szerr.'px; height:28px;">
</div>';
[PHP] pobierz, plaintext 

[krzysztof_kf]

dodaj jeszcze

[CSS] pobierz, plaintext 
 
text-align: center;
line-height: 1em;
 
[CSS] pobierz, plaintext 

[renault12]

Nie uwzględnilem jeszcze ze ten obrazek ma zmienna szerokosc a ja chcialbym zeby bezposrednio byl wysrodkowany na divie a nie na obrazku, dzieki kodowi jakiemu mi dales to wyglada tak:

http://img195.imageshack.us/img195/926/beztytuuia.jpg

A chcialbym wlasnie zeby byl tam gdzie wskazuje strzalka

[krzysztof_kf]

masz jakieś dodatkowe selektory moje rozwiązanie działa na pewno przy zmiennej szerokości

[renault12]

Kod z divem i obrazkiem:

[PHP] pobierz, plaintext 
$lvl = '<div style="background-image: url(level.png); width:'.$szerr.'px; height:28px; text-align:center; line-height: 1em;"><font color="red">'.$szerr.'</font>
</div>';
      $template->assign_vars(array(
		'LEVEL'							=> $lvl,
       );
[PHP] pobierz, plaintext 

Kod ktory wyswietla div:

[HTML] pobierz, plaintext 
<div id="no" style="border-color:green; border:solid;">{LEVEL}</div>
[HTML] pobierz, plaintext 

Tylko to.