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
Margin-* Margin Margin collapsing Padding-* Padding Border-*-width
Border-width Border-*-style Border-style Border-*-color Border-color
Border-* Border Forms Horizontal rules Border styles Border widths
Margin widths Inline box: non-replaced Inline box: non-replaced 2 Inline box: replaced Inline box: replaced 2

RichInStyle.com test pages: the box model - inline replaced elements

Vspace/hspace test

Since vspace and hspace are drawn outside the border, and since CSS specificity exceeds that of HTML formatting attributes, the following image should not have a vast margin: Text

The image has an HTML border. It has border-style: solid; border-color: red so the border should be solid (not 3D) and red.

The image has an HTML border. It has border: none, which should override the border, CSS being of greater specificity than HTML.

This image simply has a 100 pixel horizontal (red) border;.

Hello This missing image simply has a 100 pixel horizontal (red) border. It does not have a background color.

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