[HTML] Inserire testo all'interno di una div con border radius

[filippogaspari]

Buongiorno.
Il mio problema è che dovrei inserire del testo all'interno di una div con border-radius:50% (cioè un cerchio), solo che il testo mi esce dai bordi perché prende come grandezza massima il bordo della div senza il border-radius.
C'è un modo per risolverlo?
posto il codice sotto.

HTML:

<table id="bounds">
<td class="boundsPart">
<div class="boundsPartImage">
<div class="circle">
<div class="circleText">
asdassdasfaf
sdfasodhfjasbg
gasdgbiasdjgbiasdg
asfgasdfgfuobgar
</div>
</div>
</div>
<div class="boundsPartText"><i>text 00</i></div>
</table>

#bounds{background-color:black;}
.boundsPart{background-color:white;height:100%;}
.boundsPartImage{background-color:green;width:100%;}
.boundsPartText{background-color:yellow;width:100%;font-size:16px;}
.circle{background-color:black;border-radius:50%;}
.circleText{color:white;border-radius:50%;}

 

[Max 1]

1. Non usare misure in % ma misure fisse in px
2. I div per assumere una forma rotonda con dentro dei contenuti devono avere una forma quadrata altrimenti diventano ovali
3. Al testo devi dare o dei margini o dei padding a secondo di come lo inserisci per non farlo tagliare ai bordi arrotondati
4. Perchè metti tutto in una tabella?

 

[Max 1]

Guarda io ho sempre usato margin e padding, se esista una regola che sopperisca padding e margin non credo! Però come si dice la mano sul fuoco..... perchè non si sa mai abbastanza quindi meglio non giurare