Describe the problem that you experienced

When inline text or code is long enough to wrap into multiple lines, the copy-to-clipboard icon is rendered on a separate line below the text, instead of staying aligned with the first line.
For example An event is handled by a component with default change detection

Example

Proposed solution

Consider improving the wrapping behavior by using text-wrap: balance or text-wrap: pretty, so the text wraps more evenly and keeps the copy icon visually aligned with the content.

This would improve readability and consistency across documentation pages with long inline text.

I’m not sure about using text-wrap: balance, since it seems to produce layouts like the one shown in the image above.

text-wrap: pretty might be a better fit in this case, but I’d like to get the team’s feedback before proposing a PR.