Markdown.css: help make the Web prettier

Update, October 2026: I updated Markdown.css for modern browsers. It now switches to a dark theme if your operating system is in dark mode, works on phones, scales with your browser’s font size setting, and styles tables and code. The stylesheet moved off of Bitbucket; the links below point to its new home.

Markdown is a tool that lets you quickly write text for the Web. As an example, if I want to write a list, instead of this:

<ul>
    <li>First list item!</li>
    <li>Second list item!</li>
    <li>Third item!</li>
</ul>

I can write this:

* First list item!
* Second list item!
* Third item!

then run it through the markdown processor to generate HTML. However the default text it spits out is really ugly; it uses your browser’s default styling. This means that lines will stretch all the way across the page and the text will be in Times.

So I wrote a couple hundred lines of CSS to make your generated Markdown files look much, much prettier. You only have to add the following line to the top of your .markdown file:

<link href="https://burke.services/markdown.css" rel="stylesheet"></link>

and you’re good to go. Your eyes (and your viewers’ eyes) will thank you. For more check out the Github repo.

Liked what you read? I am available for hire.

2 thoughts on “Markdown.css: help make the Web prettier”

Leave a Reply

Your email address will not be published. Required fields are marked *

Comments are heavily moderated.