Link in Card Obstructs Text Wrap

[wesleyboar]

Overview

A card with a paragraph that has a link that spans multiple lines will fail to render text around the link inline with the link.

Steps

1. Have a <div class="c-card …">.
2. In that .card, have a <p>Lots of silly text. … Lots of silly text.</p>.
3. In that <p>, have a "Very very long name." link.
4. Make the card narrow enough for the link to wrap two lines.

Expected

The following all wraps as one line of text:

Lots of silly text. Very
very long name. Lots
of text.

Actual

The link in the following is treated independent of the text around it:

Lots of silly text.
Very very long
name.
Lots of silly text.

Workaround

A. With Bootstrap loaded, add a class d-inline on the link.
B. Without Bootstrap, add style display="inline" or display: unset.

problem	fix