[CSS][HTML]Tekst w samym środku div Opcje

[--pp--]

Witam!

Napisałem paski statystyk do gry na przeglądarkę ale mam problem z umieszczeniem tekstu po środku pasków.

Graficznie paski wyglądają tak:
(IMG:http://img152.imageshack.us/img152/7849/paskif.jpg)

A względem samego kodu html:

[HTML] pobierz, plaintext 
   <div id="a">
      <div id="b" style="width:<?php echo $pasek_zycie; ?>%; background-color:#32CF18;"></div>
      <div id="b" style="width:<?php echo (100-$pasek_zycie); ?>%; background-color:#FFFFFF;"></div>
	  </div>
 
   <div id="a">
      <div id="b" style="width:<?php echo $pasek_energia; ?>%; background-color:#00B7E5;"></div>
      <div id="b" style="width:<?php echo 100-$pasek_energia; ?>%; background-color:#FFFFFF;"></div>
   </div>
[HTML] pobierz, plaintext 

Nie mogę zrobić aby tekst był w środku paska.