|
Above is part of amazon.co.uk. There are two issues involved here.
The first issue is because there is a STYLE tag inside the table that surrounds the links. It should be in HEAD anyway. The following shows the same table, but with the STYLE tag in HEAD rather than in the table:
|
The second issue is that the nowrap attribute is set for each TD that contains one of the links. In each cell, there is a DIV, which contains the arrow image and links. The white-space property should be inherited, so the DIV tag should also have white-space: nowrap. The inheriting seems to work here, as the link text (e.g. HOW TO ORDER) isn't broken when you make the window narrow. It seems white-space: nowrap isn't working with text and images.
This long line of text contains an image and it is also has white-space:nowrap set. However, the line will break at the image.
This long line of text does not contain an image and it is also has white-space:nowrap set. The line breaks at other tags as well as IMG, e.g. EM and STRONG.