Making variable length blog post titles look good

[evu]

Hi,

This has always been something that’s bugged me and I’ve never found a reliable, easy way to fix it.

Consider the following pen: http://codepen.io/jhealey5/full/LImpk/

As you can see, the difference in title length makes them look a little fugly, especially when you resize so the first one spans three lines. In a boxy-gridy layout it really doesn’t look so great.

What are ways to fix this? Hoping for css only approaches, I’ve tried some js magic on it, testing heights and resetting, but it’s a little buggy at best.

Cheers.

[Paulie_D]

A perennial issue.

I’ve always found that picking a shorter title is simpler. I can always expand on the title in my first paragraph.

It’s a headline…headlines are supposed to be short.

I’m not trying to be flippant but does the title really need to be that long?

Brevity is the soul of wit.

[evu]

That’s a very valid point Paulie, but when the client, or his/her minions, is in control I can’t always make sure that rule is in effect :)

[evu]

Sorry, I don’t quite follow you wolf. Could you perhaps elaborate a little?

[evu]

Ah, that sneaky whitespace caught me out. Well that’s certainly a better option, it’s just a shame it throws the widths off…

I could use the comment trick I guess, but would also have to use hacks to get IE7 to play nice too…

CSS is fun huh.

Thanks though, will look into it some more.

[Author]

Posts