Text Wrapping & Inline Pseudo Elements

I love posts like this. It's just about adding a little icon to the end of certain links, but it ends up touching on a million things along the way. I think this is an example of why some people find front-end fun and some people rather dislike it.

Things involved:

1. Cool [attribute] selectors that identify off-site links
2. Deliberating on whether it's OK to use additional HTML within links or not
3. Usage of white-space
4. Combining margin-left and padding-right to place icons into placeholder space
5. Using custom properties to keep things easier
6. Usage of inline SVG versus background SVG
7. Considering inline versus inline-block
8. Using masks

Direct Link to Article — Permalink

The post Text Wrapping & Inline Pseudo Elements appeared first on CSS-Tricks.

from CSS-Tricks https://www.jayfreestone.com/writing/wrapping-and-inline-pseudo-elements/
via IFTTT