Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests

Advanced tests

This test

RichInStyle.com tests: list styling 3

The following test is of the floating of list items. Both the number 1 and 2 should be to the left of the leftmost blue border - in the normal position for a list marker, but the content to the right of the rightmost one. The background should stretch to the right of the blue border-left on the float.

  1. Valid
    A floating element that has no purpose aside from to investigate the floating of the list item. A floating element that has no purpose aside from to investigate the floating of the list item. A floating element that has no purpose aside from to investigate the floating of the list item.
  2. please flow me around the DIV
  3. The right edge of the marker of this should be flush with the left of the blue border, I think:

    A floating element that has no purpose aside from to investigate the floating of the list item. A floating element that has no purpose aside from to investigate the floating of the list item. A floating element that has no purpose aside from to investigate the floating of the list item.
  4. please wrap me around
Here's a float
  1. This LI has clear and therefore should not flow around the P.