Type your HTML here: (scripts and custom event handlers are not allowed) <h1>Shopping list</h1> <ul> <li>Party supplies <ul> <li>Inflatable palm trees</li> <li>Straws and swizzle sticks</li> <li>Pineapples</li> </ul> </li> <li>Booze <ul> <li>Pina coladas</li> <li>Beer</li> <li>Cider</li> </ul> </li> <li>Treasure <ol> <li>Chocolate</li> <li>Silver</li> <li>Gold</li> </ol> </li> </ul>

Type any CSS you want here: (any properties allowed except expression, behavior and @import) /* here's childselector in action */ ul>li { border:1px solid red; } /* this is to make the demo look pretty */ ul li { color:#009; font-style:italic; }

Show me!