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: list-item List-style-image List-style-position List-style List-style-type
List style types Styling 1 Styling 2 Styling 3 Styling 4 Inheritance

RichInStyle.com tests: list styling

Please note: this test tests a corrected version of the CSS spec; one that states that the top outer edge of a marker associated with a text-free principal box is aligned with the top content edge of that box.

  1. The marker of this list item should be aligned with this text (the baseline of markers should be aligned with the baseline of the first line of text in the principal block box).
  2. Aligned
  3. The marker of this list item should be aligned with this text (the baseline of markers should be aligned with the baseline of the first line of text in the principal block box).

    In the example below the top of the marker should be (given a correct spec) aligned with a point 100 pixels above the element.

  5. In the example below the top of the marker should be (given a correct spec) aligned with the top of the image.

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