Disattivare conteggio clic con link sottolineati?

[j127]

Qualcuno sa se esiste un modo per disabilitare i conteggi dei click quando i link sono sottolineati? (Sottolineiamo i link per l’accessibilità.)

Ho rimosso i conteggi dei click con questo:

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

ma poi rimane uno spazio sottolineato dopo il testo del link, come in questo esempio:

Il codice HTML appare così:

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

Esiste un modo per rimuovere quello spazio extra subito prima dell’apertura del tag <span>?

(Il problema si presenta anche se il conteggio dei click non è nascosto, perché la sottolineatura si estende fino a quello spazio extra.)

[Don]

Ciao Josh,

Prova questo: in realtà display: inline-block; fa la magia.

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

[j127]

Grazie, ha funzionato.