Snook's Resizable Underlines

Simon Collison (who's name I find way too close to Simon Willison), had come up with a challenge: create scalable underlines that go from edge to edge of the box without using justified text. Using some inspiration, I put together a solution which Colly has so generously named after me. Somehow, I don't think it'll have the same household ring as Fahrner (of FIR) or Inman (of IFR and subsequently sIFR).

Published November 01, 2005 · Updated September 14, 2006
Categorized as HTML and CSS
Short URL: https://snook.ca/s/444

Conversation

1 Comment · RSS feed
Peter said on November 14, 2005

Jonathan, I've just looked properly at the source of the underlines page. I hadn't looked before because of the dreaded word 'javascript' which makes me feel really thick and numb. The code is very short and sweet, isn't it? Anyway, it's easy enough to position the paragraph by putting it in a div. Is it not possible to add b2 to the a2 and use that if you want a second paragraph? Please excuse my ignorance if this is a stupid question but I would not have thought javascript would be so limiting re this.

Nice site, btw, this comment box is really funky:-)

Sorry, comments are closed for this post. If you have any further questions or comments, feel free to send them to me directly.

Want to learn about scaling CSS for large projects?

I'm available for full and half-day workshops on scalable CSS architecture. I can provide on-site training for your team. Interested?
Get in touch.