Breaking News

Text Wrapping & Inline Pseudo Elements

13:39

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 News Aggregator - Top News Stories From Your Favourite News Source | News Vally https://newsvally.com/text-wrapping-inline-pseudo-elements

No comments

Post a Comment

Subscribe to: Post Comments ( Atom )