Above is part of amazon.co.uk. There are two issues involved here.

  1. There is a blank line above the content and the style information for the links is not used.
  2. The yellow arrows are not on the same line as the links.

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.