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:
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%;}