Fluid vs. "fixed" width & their impact on line length

Container width max'ed @ 28.5em - Note

11px text

1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog.

16px text

1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog.

24px text

1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog.

Container width max'ed @ 30em - Note

13px text

1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog.

20px text

1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog.

28px text

1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog.

Container width fixed @ 450px

11px text

1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog.

16px text

1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog.

24px text

1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog.

Container width fixed @ 550px

13px text

1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog.

20px text

1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog.

28px text

1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog. 1234567890 The quick brown fox jumps over the lazy dog.

300px
450px
600px
360px
560px
760px
Note
requires non-Gecko standards-compliant browser for proper alternate styles behavior

Parent page


Valid HTML 4.01!
Last Modified
2006.02.24
© Felix Miata
Felix's Home