RichInStyle.com
 Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests
Attaching style Applying style Key concepts Color and background Fonts Text Lists Box model

Advanced tests
Positioning Boxes Generated content Dynamic effects Tables Paged media @font-face Aural styles Language styles

This test
Display: inline Display: block Display: none Display: compact Display: run-in Display
Width Min-width Max-width Height Min-height Max-height
BODY 1 BODY 2 BODY 3 BODY 4 BODY 5 BODY 6
Block width Block width 2 Block width 3 Block width 4 Block height Forms Image sizing test <BR>

RichInStyle.com test pages: boxes - display: block

There should be a line break here: Was there? And here: Was there?

Note that the above is a P element. It probably all should be red. In any case, there should be the requisite number of line breaks. Here's the same thing with a DIV:

There should be a line break here: Was there? And here: Was there?
  1. This list item has display: inline, and therefore should look like a normal block element.
  2. This list item has display: inline, and therefore should look like a normal block element.
  3. This list item has display: inline, and therefore should look like a normal block element.
  4. This list item has display: inline, and therefore should look like a normal block element.

Copyright © RichInStyle.com 2000; all rights reserved. See copyright document for terms of use. Please visit Bukit Lawang flood appeal.