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 - images

Display: block test

This image should have a line break before: And after.

Although it has a red background, that should not be visible because the image's width is intrinisic, and therefore no space is available for coloring.

Width/height

The following has width: 200px:

The following has width: 200px, width=10 on the width attribute. Since CSS has greater specificity, it should look the same:

The following should look the same (width=200 specified via HTML).

The following has width: 200px and height=500 on HTML.

The following has width=200 and height=500 .

This has width: 5px. It should not have a line break before or after.

This has height: 5px. It should not have a line break before or after.

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