Internet, meet Herberta.

People are so fucking stoked for the new iPhone. I arrived at the Pioneer Place Apple store a little before seven this morning, expecting to find a line, but found a crowd instead, sixty nerds deep. Thankfully, I was next to some rather interesting people to pass the time with, especially important because of the apocalyptic failure that was the in-store activation process. By the time I walked out of the store with my new iPhone at 10:30 (still inactive), there were about 300 people in line, first in switchbacks and then stretching down the walkway and around a fountain. Extrapolating my two hour, thirty minute wait (from the time they started selling at 8am until I finished), with sixty people in front of me, it led to a 2.5 minute wait per person. With 300 people, that wait would be a mind-blowing twelve and a half hours.

It fits within Flickr’s 90 second limit!

The problem shown is from the copyright notice of a Google Map overflowing the map bounds, and overlapping adjacent information.

I’ve only found a single page that’s provided any information on the problem, and it’s full of bad advice: Change the overflow of the map div to hide the offending portion of the copyright, remove the copyright altogether, or change the size of the font to fit within the map. Unfortunately, all except the last suggestion breaks the Terms of Use, and reducing the font size for a 150px-wide map to make the entire notice fit within would make it entirely illegible.

Fixing this problem The Right Way™ is easy:

#map div {
     max-width: 150px; /* Change to the width of your map */
}
#map div span {
     white-space: normal;
}

This puts the entire copyright notice within the bounds of the map, at the font size that Google specified, and makes it wrap within the frame. Everyone wins.