Klickanzahl bei unterstrichenen Links deaktivieren?

[j127]

Weiß jemand, ob es eine Möglichkeit gibt, die Klickzahlen zu deaktivieren, wenn die Links unterstrichen sind? (Wir unterstreichen die Links aus Gründen der Barrierefreiheit.)

Ich habe die Klickzahlen mit folgendem Code entfernt:

span.badge-notification.clicks {
    display: none;
}

Dadurch erscheint jedoch nach dem Link-Text ein unterstrichener Leerzeichenbereich, wie hier:

Der HTML-Code sieht so aus:

<em dir="ltr">
    <strong dir="ltr">
        <a href="https://example.com/" dir="ltr">
            Link-Text <span class="badge badge-notification clicks" title="785 clicks" dir="ltr">785</span>
        </a>
    </strong>
</em>

Gibt es eine Möglichkeit, diesen zusätzlichen Abstand direkt vor dem öffnenden <span>-Tag zu entfernen?

(Das Problem besteht übrigens auch dann, wenn die Klickzahl nicht ausgeblendet ist, da sich der Unterstrich in diesen zusätzlichen Abstand hineinzieht.)

[Don]

Hallo Josh,

Probier das mal aus – tatsächlich bewirkt display: inline-block; das Wunder.

.cooked a {
    text-decoration: underline;
    font-weight: bold;
    display: inline-block;
}

[j127]

Danke, das hat funktioniert.