Blog
CSS White space property - 5.05.09
A bit of a technical post today, which hopefully will save someone some time (perhaps even me, as I’ve Googled this subject a few times).
Internet Explorer 6 and 7 occasionally include a line break a floated list item (a common technique for navigation), and having tried a number of the usual tricks, it still persisted. I’m not sure why it does this, and I’m not even sure whether it’s acceptable according to the specs, but it is annoying.
In the past, I’ve set a width on an element which can fix things, but it shouldn’t be necessary, then I came across the CSS white space property
which, when applied to the list item, stops the navigation list items from breaking. Good result!
Hope this helps somebody out there!
Download my vCard