Test page for line lengths

 go back to page widths article

This page allows you to test the effect of different page widths and font sizes. It does not use the style sheet for the rest of the site, so that what you see is the default font currently set in your browser. The tables have been given borders so you can see where they are; in a real web design, this would normally be invisible of course.

I have given figures for the line length that I counted using a set-up of Internet Explorer 4 (with small fonts and Georgia as the default); as they say, "your mileage may vary" depending on which browser you are using, and its font settings. But I hope the figures will be a useful comparison.

580

This table is 580 pixels wide. The text is almost always completely visible except in small browser windows, and I can see 61 characters in the next line:

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog again, this time in the opposite direction. The lazy dog gets fed up with this display of athleticism and falls asleep. He dreams of chasing foxes; his paws, tail and whiskers twitch in sympathy. The quick brown fox tires of watching this, and goes off to find something better to do.

780

This table is 780 pixels wide. On a small monitor, it will not display completely and the user will need to use a horizontal scroll bar to see the line ends. Depending on the font settings, the lines may also be truncated if the page is printed. I can see 85 characters in the next line:

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog again, this time in the opposite direction. The lazy dog gets fed up with this display of athleticism and falls asleep. He dreams of chasing foxes; his paws, tail and whiskers twitch in sympathy. The quick brown fox tires of watching this, and goes off to find something better to do.

75 percent

This table is 75% of the page width. On a small monitor, it wastes a lot of valuable screen space and forces unnecessary vertical scrolling. I can see 44 characters in the next line when viewing the page at VGA resolution:

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog again, this time in the opposite direction. The lazy dog gets fed up with this display of athleticism and falls asleep. He dreams of chasing foxes; his paws, tail and whiskers twitch in sympathy. The quick brown fox tires of watching this, and goes off to find something better to do.

580, larger fonts

This table is 580 pixels wide. The text is set to two sizes larger than the default to simulate what a reader with sight problems might do. I can see just 39 characters in the next line:

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog again, this time in the opposite direction. The lazy dog gets fed up with this display of athleticism and falls asleep. He dreams of chasing foxes; his paws, tail and whiskers twitch in sympathy. The quick brown fox tires of watching this, and goes off to find something better to do.

580, smaller fonts

This table is 580 pixels wide. The text is set to one size smaller than the default to simulate what a reader with a small screen and keen eyesight might do. I can see 68 characters in the next line:

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog again, this time in the opposite direction. The lazy dog gets fed up with this display of athleticism and falls asleep. He dreams of chasing foxes; his paws, tail and whiskers twitch in sympathy. The quick brown fox tires of watching this, and goes off to find something better to do.