Type your HTML here: (scripts and custom event handlers are not allowed) <h2 class="name"> Harry Potter and the Arbitrary Sequel </h2> <dl class="details"> <dt>Review date:</dt> <dd>29th May 2013</dd> <dt>Rating:</dt> <dd>3&frac14;</dd> </dl> <div class="summary"> <p> You know how the characters in <cite>Harry Potter</cite> are always banging on about "muggles", and how we're all so inadequate that we have to use things like "technology", to make up for not having magic..? </p> <p> Well, wouldn't it be funny if it turned out that "magic" is actually <strong>heuristic nano-technology</strong>, sent back in time from the distant future to the middle-ages, and originally invented by <strong>us</strong>! </p> <p> It'd be like, <q>Ha! Who's the muggles now!</q> </p> </div>

Type any CSS you want here: (any properties allowed except expression, behavior and @import) /* here's elementtypeselector in action */ ol { border:2px solid red; }

Show me!