Type your
HTML
here:
(scripts and custom event handlers are not allowed)
<h1>The Art & Science of JavaScript</h1> <h2>Fun with Tables</h2> <h2>Creating Client-side Badges</h2> <h2>Creating Vector Graphics with canvas</h2> <h2>Debugging and Profiling with Firebug</h2> <h2>Metaprogramming with Javascript</h2> <h2>Building a 3D Maze with CSS and JavaScript</h2> <h2>Flickr and Google Maps Mashups</h2>
Type any
CSS
you want here:
(any properties allowed except expression, behavior and @import)
/* here's counter-increment in action */ h1 { counter-reset:section; } h2:before { counter-increment:section; content:"Chapter " counter(section) ": "; } /* this is to make the demo look pretty */ h1, h2 { font:normal normal normal 1.5em sans-serif; } h2 { font-size:1.1em; }
Show me!
Your results appear here: