Bonjour,

Je souhaiterai mettre du texte centré dans plusieurs cercles disposés où je le souhaite (pas alignés côte à côte ou autre) que je créé en CSS mais je n'arrive pas à centrer ce texte correctement dans mon cercle en plaçant ces mêmes cercles aux endroits que je souhaite...

Mon HTML :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<div id="crcl_jaune">
    <div id="txt_crcl_jaune">
        <h1>Présentation de <br /><strong>MOI</strong></h1>
        <p>Salut tout le monde !<p>
    </div>
</div>

Mon CSS:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
div#crcl_jaune{
    position: absolute;
    background: rgb(250,190,60);
    border-radius: 50%;
    width: 200px;
    height: 200px;
    top: 25%;
    left: 5%;
    border: 1px rgba(255,255,255,0.7) solid;
}
 
div#txt_crcl_jaune{
    position: absolute;
    color: white;
    text-align: center;
 
}
Merci d'avance pour votre aide ! =)