User:James Crippen/Sandbox

This is my sandbox. There are many others like it, but this one is mine.

=Foo=

No IPA template means you get default (read “broken”) text: [ˈfuˡbɑɹˈbæz].

With the IPA template you get proper rendering:.

Bar
The  is not bar or baz but merely a metasyntactic variable variation.

=Baz= A heading with text.

Quux
Additional text.

Corge
Even more text.

Grault
Surprisingly, more text appears here.

Flarp
And yet more may be found here.

Xyzzy
Six levels deep?

=Plugh
= But seven is ridiculous.

Spacing
Does it really matter? Not really.

=Things to think about=

Or, “Why my CSS is broken”.

Why do the lengths of the border-bottom lines for the headings (h1–h6) differ in length despite having the same right margin of 6.5em?

Why is Gecko too stupid to use one and only one font-family when given a list of them, despite the first font having all the appropriate characters? Is this a bug? Probably. Will I bother to report it? Maybe. Soon? Probably not.

What is wrong with my CSS such that it breaks in Safari/KHTML and Opera, but not Gecko? It’d be nice if it worked properly at least in Safari, particularly the personal and portlets stuff.

How can the font size be set to something reasonable without all the resizing cruft? Exempli gratia the ugly Monaco, Courier , and Courier New problem, among others. Right now the font size has to be overridden individually for pretty much every element. Much of this is due to the random em sizes, however.