Tweaking CSS on sites developed by other people seems to be something that comes up at least weekly in web development. Why isn't my footer displaying properly? Why is this div wrapping? Often it's me asking those questions, but every now and then I can solve someone else's problem with a CSS tweak or two. CSS Pivot, which I discovered via a post from Chris Coyier, is a site that lets you share those tweaks with other people.

I thought it looked useful, so I make a bookmarklet to send the current page to CSS Pivot. Drag it to your bookmarks.

Open with CSS Pivot

IE8 now renders the “Acid2 Face” correctly in IE8 standards mode.

• IEBlog : Internet Explorer 8 and Acid2: A Milestone

To get a better future, not only do we need a return to “the browser wars”, we need to applaud and use the hell out of “non-standard” features until such time as there’s a standard to cover equivalent functionality. Non-standard features are the future, and suggesting that they are somehow “bad” is to work against your own self-interest.

• Alex Russell (via)

In HTML whitespace is not treated as significant, and therefore it gets collapsed. This is a problem when you want to publish code because your indenting will disappear. The most common way around this is to wrap code in a pre element, but that looks like crap because it's always the default monospace font, and you can't style it. A better way is to use CSS, specifically white-space: pre;.

In WordPress, log in to the admin section, click Presentation and select Theme Editor. Choose Stylesheet from the list on the right, then look for the code declaration. Add white-space: pre; and you're done. Now, whenever you want to display code, wrap it in a code element.