Make your HTML look like Markdown

The text you’re reading right now is not plain text, but simple HTML styled like Markdown text. Right-click and inspect this page to get a feel of how it works.

Using ReMarkdown

It’s as simple as downloading remarkdown.css, and adding the remarkdown class to a container:

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

Make it your own

ReMarkdown is broken down into a list of styles, and the default remarkdown.css uses a dozen of them by default.

You can choose additional variants by adding option names as classes along the remarkdown class. For example:

<body class="remarkdown h1-underline pre-ticks">

Take a look at the customize page for different ways to disable, enable or override styles, change the defaults, change how selectors look, etc.

Misc info