CSS for Markdown, numbered headings

Excellent guide. I am learning about CSS, using Brett Terpstra’s style sheet to experiment. It has a styling for poetry, but I have been unable to invoke it in a markdown note. Here is the styling in the CSS file:

pre {
	background-color:	#f8f8f8;
	border:				1px solid #ccc;
	font-size:			14px;
	line-height:		19px;
	overflow:			auto;
	padding:			6px 10px;
	border-radius:		3px;
	margin:				26px 0;
}

.poetry pre {
	font-family:	Georgia, Garamond, serif !important;
	font-style:		italic;
	font-size:		110% !important;
	line-height:	1.6em;
	display:		block;
	margin-left:	1em;
}

And here is how I attempt to invoke it in my note:

<pre type="poetry">Roses are red,
Violets are blue.
This is CSS poetry,
Nicely rendered for you!</pre>

And here is the result

None of the attributes from the style sheet are applied, I think. What am I doing wrong?

OpSpl style sheet.zip (19.2 KB)