Bonjour à tous !

Je suis en train d'essayer de faire en sorte que quand on survole une zone de texte, deux <> apparaissent autour du texte. Sauf que quand je le fais, les <> s'affichent en dessous du texte et non pas sur les 2 côtés. Quelqu'un serait-il en mesure de m'aider SVP ?

<div class="myDIV"><a href="https://discord.gg/4DCMkMxJqH" class="link" data-v-1e0a4509><class="text-light">DISCORD</a></div><div class="hide">&#8250        &#8249</div>

<style>
    .hide {
  display: none;
}

.myDIV:hover + .hide {
  display: block;
  color: rgb(38, 38, 38);
}

a {
    font-size: 60px;
    text-align: center;
    font-family: 'VCR_OSD_MONO_1.001';
}

div {
    font-size: 60px;
    text-align: center;
    font-family: 'VCR_OSD_MONO_1.001';
}

.myDIV {
    font-size: 60px;
    text-align: center;
    font-family: 'VCR_OSD_MONO_1.001';
}
</style>

      Ici, on ne le voit pas, mais mon curseur est sur le texte "Discord"

Bonsoir, comme ceci ?

Le HTML

<div class="myDIV"><a href="https://discord.gg/4DCMkMxJqH" class="link" data-v-1e0a4509> DISCORD </a></div>

Avec le CSS

        .myDIV {
            font-size: 60px;
            text-align: center;
            font-family: 'VCR_OSD_MONO_1.001';
        }
        .link:hover:after {
            content: ' \00003C';
        }
        .link:hover:before {
            content: ' \00003E';
        }

MarcJean14 a écrit:

Oui, parfait! Je vous remercie de votre réponse, bonne soirée !

 De rien , Bonne soirée à vous aussi.

Sujet résolu