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

filippogaspari

Nuovo Utente
11 Mag 2016
4
0
1
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:
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>
Codice:
#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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.278
330
83
  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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.278
330
83
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