Fixed Ugly Wrapping on Posts With Numerous Tags

Topic(s)

Let’s just add a metric f*ckton of random tags!

Before:

1_tags.png

After #1:

2_tags.png

After #2:

2_tags.png

The first version has text-wrap: balanced. The second, text-wrap: pretty and word-break: keep-all. The third adds a closing bullet after the last tag.

At first sight, this may seem excessive or obsessive. But in a site as tag-heavy as this one, it’s important that tags be as readable as possible, and the word- and line-breaks in #1 really get in the way. (Adding, if you want obsessive, while I was at it, I changed <tt> to word-spacing: -0.3em. Maybe this is the delusion of an old-school typesetter and this doesn’t matter on mobile, but it looks better on my laptop….)

UPDATE Now I’m taking all the tags out so they don’t show up and make search results seem absurd.

Add new comment

You have the option to tag the comment. When you start typing in the "Comment Tags" field, a dropdown with existing tags will appear; use these if possible. You can create tags that do not appear in the dropdown, but please remember that this is a family blog.