NavQuirks Mode Test

/* Quirk: input images have a blue border (b=28010)*/
input[type=image] {
  border: 2px solid blue;
}

This is text in a DL, over an OL

This is text in a DL, inside an OL

This is text in a DL, under an OL

/* Quirk: DL under a OL has no margins (b=33300) */
ol dl {
  margin: 0 0 0 0;
}

• This is text in a UL, over an DL

• This is text in a UL, inside an DL

• This is text in a UL, under an DL

/* Quirk: UL under a DL has no margins  (b=32989) */
dl ul {
  margin: 0 0 0 0;
  color: red;
}

• This is text inside a UL

/* make orphaned li's have inside bullet */
li {
  list-style-position: inside; 
}

• This is text inside a UL
  • This is a list inside a UL
  • This is a list inside a UL with list-style-position: inside
  • This is a list inside a UL

1. This is text inside a OL
   1. This is a list inside a OL
   2. This is a list inside a OL with list-style-position: inside
   3. This is a list inside a OL

/* restore outside position for lists inside li's */
li ul, li ol, li dir, li menu { 
  list-style-position: outside; 
}

• UL LI

1. OL LI

• • UL UL list-style-position: inherit
  • UL UL list-style-position: inside
  • UL UL list-style-position: outside

• UL DIR list-style-position: inherit
  UL DIR list-style-position: inside
  UL DIR list-style-position: outside

• UL MENU list-style-position: inherit
  UL MENU list-style-position: inside
  UL MENU list-style-position: outside

• 1. UL OL list-style-position: inherit
  2. UL OL list-style-position: inside
  3. UL OL list-style-position: outside

1. • OL UL list-style-position: inherit
   • OL UL list-style-position: inside
   • OL UL list-style-position: outside

1. OL DIR list-style-position: inherit
   OL DIR list-style-position: inside
   OL DIR list-style-position: outside

1. OL MENU list-style-position: inherit
   OL MENU list-style-position: inside
   OL MENU list-style-position: outside

1. 1. OL OL list-style-position: inherit
   2. OL OL list-style-position: inside
   3. OL OL list-style-position: outside

/* undo previous two rules for properly nested lists */
ul li, dir li, menu li, ol li,
ul ul, ul dir, ul menu, ul ol,
dir ul, dir dir, dir menu, dir ol,
menu ul, menu dir, menu menu, menu ol,
ol ul, ol dir, ol menu, ol ol {
  list-style-position: inherit;
}

• • UL:First-Node in UL
• Another list item in UL

1. • UL:First-Node in OL
2. Another list item in OL

/* Ensure that we get proper padding if the very first node
   beneath an <li> is another <ul>. This is an ugly way to
   fix the problem, because it extends the <li> up into
   what would otherwise appear to be the <ul>'s space. */
li > ul:first-node {
  padding-top: 1em;
}

li > ol:first-node {
  padding-top: 1em;
}