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.
I took the liberty of nabbing http://j.mp/markdowncss and pointing it to the CSS file. It is easier to remember
Thanks!