¿Desactivar contador de clics con enlaces subrayados?

[j127]

¿Alguien sabe si hay alguna forma de desactivar los recuentos de clics cuando los enlaces están subrayados? (Subrayamos los enlaces por accesibilidad.)

Eliminé los recuentos de clics con esto:

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

pero luego hay un espacio subrayado después del texto del enlace, como esto:

El HTML se ve así:

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

¿Hay alguna forma de eliminar ese espacio extra justo antes de la apertura de la etiqueta ?

(El problema existe incluso si el recuento de clics no está oculto, porque el subrayado se extiende hasta ese espacio extra.)

[Don]

Hola Josh,

Prueba esto; en realidad, display: inline-block; hace la magia.

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

[j127]

Gracias, funcionó.