all i want for christmas is CSS support for underlines to extend below SVG pseudoelements 😔 (as in the first image)

@molly0xfff Try adding:

```css
a.wikipedia-link::after {
/* … */
content: " "; /* However many spaces you need */
white-space: pre;
}

@knowler the ::after is what's holding the SVG:

```css
a[href^="https://en.wikipedia.org/"]::after
{
content: url("/assets/images/wikipedia.svg");
display: inline-block;
width: 0.8em;
margin-left: 0.25rem;
}
```

@molly0xfff You might be able to mix text with the image?

```css
content: " " url("/assets/images/wikipedia.svg") " ";
```

@molly0xfff Oh, that doesn’t work either.

@knowler @molly0xfff Yes, as soon an image is in the content, the underline is not working anymore. But it's puzzling, because using pure text in 'content' works for the underline... Eg.

a::after {
content: " Ê·";
font-weight: bold;
color: grey;
}

(unfortunately, it's not the same iconic 'W' font/logo. Maybe it could work with writing it with an appropriate webfont?)

@davidrevoy @knowler @molly0xfff I think that makes sense, actually—"text-decoration" applying to only things that the browser considers text.

So If you used an icon font… [ducks]