![]() |
VOOZH | about |
CSS to make HTML markup look like plain-text markdown.
The example below shows HTML that looks like
markdown
because of the
markdown.css
file. Click on the other options to also see what it looks like with
normal styling & as raw HTML.
Also, try out the experimental markdownify bookmarklet!
When this section is styled by markdown.css it looks like plain-text, despite being HTML. Inspect it with firebug or click on <HTML/> to see the markup.
A strong tag and an em tag get styled like so.
How about a link to my site?
markdown-onesThis is a blockquote that extends
to multiple lines.
With repeating email-style angle brackets.
(function() {
console.log('code blocks indent four spaces');
})()
That’s an hr above. It just works!
However, images will still look like images. Deal with it.
Made by Peter Coles /
aka @lethys /
code on github
Get the markdown.css now!
Since sharing this with people, I have learned about an older markdown CSS project that does the same sort of things in a very similar way. So it goes. Great job, Florent!