Disable click count with underlined links?

[j127]

Does anyone know if there is a way to disable click counts when the links are underlined? (We underline the links for accessibility.)

I removed the click counts with this:

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

but then there is an underlined space after the link text like this:

The HTML looks like this:

<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>

Is there any way to remove that extra space right before the opening of the <span>?

(The problem is there even if the click count isn’t hidden, because the underline extends into that extra space.)

[Don]

Hello Josh,

Try this actually the display: inline-block; do the magic.

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

[j127]

Thanks, that worked.