Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests

Advanced tests

This test

RichInStyle.com test pages: boxes - width

Basic support

This element should have a width of 200 pixels. You should be able to see whether it does by the width of the background.

Zero width test

The rendering of this is undefined. Preferably there should not be any red visible - simply a rectangle of black with some text overflowing its right. However, since UAs are permitted to set min-width to any value they like, it is possible to render this differently.

This has width: 0. This has width: 0. This has width: 0. This has width: 0. This has width: 0. This has width: 0. This has width: 0. This has width: 0. This has width: 0. This has width: 0. This has width: 0. This has width: 0. This has width: 0.

Percentage test

This should have the same width as the element below:
This is an element with which you can compare the preceding element.

P vs. DIV test

This should have a minimal width else P isn't supported for width - only DIV.

Containing block overflow test

This should overflow the BODY a lot. This simply means that it will go off the right of the screen. This should overflow the BODY. This simply means that it will go off the right of the screen. This should overflow the BODY. This simply means that it will go off the right of the screen.