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:


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.

a
padding

ustawiałeś?

o cos takiego ci chodzi?

[HTML] pobierz, plaintext 
<div style="background-color: #fff; border: #000 1px solid; width: 200px; height: 20px;"><div style="background-color: #32CF18; width: 90%; height: 20px;"><p style="margin: 0px; padding: 0px; text-align: center; width: 200px;">center</p></div></div>
[HTML] pobierz, plaintext