You should use ReMarkdown!

Is your HTML content looking all HTML-y and CSS-y? I bet it has great typography and carefully crafted negative space?

Such ennui! Ditch all this @font-face and font-size nonsense, and go with a good old plain text look instead!

That’s what ReMarkdown does: it takes your HTML and makes it look like Markdown. Pretty nerdy, uh? So the text you’re reading right now is not plain text, it’s good old HTML with H1s and Ps and BLOCKQUOTEs. Just “Inspect Element” and you’ll see.

Using ReMarkdown is as simple as downloading remarkdown­.css, and declaring it like this:

<!doctype html>
<html lang="en">
<head>
	<title>Using ReMarkdown</title>
	<link rel="stylesheet" href="remarkdown.css">
</head>
<body data-rmd>
	<h1>Hello World</h1>
	<p>A paragraph.</p>
</body>
</html>

And there’s a bunch of alternative styles to pick from! Define your prefered styles using the data-rmd attribute, or when compiling from the Sass source (see the configuration guide for details).

Technicalities

Similar stuff

I’m keeping the legacy ReMarkdown 1.0 around; released in 2011, it had partial IE8 support and used a different syntax.

Also Peter Coles wrote Markdown.css, a similar stylesheet, a little while back.