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">
<head>
  <title>Using ReMarkdown</title>
  <link rel="stylesheet" href="https://unpkg.com/remarkdown.css/dist/remarkdown.css">
</head>
<body class="remarkdown">
  <h1>Hello World</h1>
  <p>A paragraph.</p>
</body>
</html>

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">
  ...
</body>

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