Tentang bagaimana Chris Coyier menyisipkan judul pada masing-masing tag <pre> secara otomatis. Beliau hanya memakai pseudo-element dengan content berupa atribut rel yang berasal dari masing-masing tag <pre>:
HTML
<pre rel="CSS">Kode Anda di sini...</pre>CSS
pre { background-color:#333; font:normal 12px/14px Monaco,Monospace; color:#ccc; padding:10px 15px; margin:0px 0px 10px; position:relative; } pre[rel] { padding-top:32px; } pre[rel]:before { content:attr(rel); font:bold 12px/22px Arial,Sans-Serif; color:white; background-color:#39f; padding:0px 10px; position:absolute; top:0px; right:0px; left:0px; }