If you're looking to jazz up your site a little bit, you've probably explored various CSS tricks, such as changing the opacity of images on…
CSS line-height – word wrap vs. line break
I've noticed something about the CSS line-height property that surprises me a little bit. If you supply a line-height of say, 1.5 em, to a…
Clear both puts content below all floated content
If you have a left-floated navigation bar, and a main content column, you may notice that when "clear: both;" any content within the main content…
Apply style to a specific table column – using minimal markup
If you wish to apply a certain CSS style to, say, all rows in the 4th column of a table, you might think assigning a…
Use DLs instead of tables for key / value lists
If you're looking to display a simple key/value list, such as a list of user's contact information, a table might be overkill. I'd suggest the…
CSS borders taller than text
This morning I finally cracked a CSS mystery that has stumped me since I began using CSS! The solution, so obvious. A little background: Inline…
Counter styling with CSS
Key ingredients Background image, like the above Fixed-width font, like Courier CSS letter-spacing property Ability to zero-pad numbers with your server-side language The HTML <div…
Use CSS to get the 2nd, 3rd, 4th element
There are times where it would be great to apply a given style to the 2nd, 3rd, 4th, etc. element of a parent. This is…