Switch branches/tags
Nothing to show
Clone or download
Latest commit 0f06996 Mar 10, 2017
Failed to load latest commit information. Remove broken link Mar 10, 2017
example.html Shorten example a little Mar 10, 2017
markdown.css Fix hr height Mar 10, 2017

Markdown CSS

This is a simple style with normalized defaults, it should work on anything from a desktop, to a phone.

View the live preview here:

How to use

Add this to the top of your markdown file

<link href="/path/to/markdown.css" rel="stylesheet"></link>


With Markdown CSS, I decided to base all the size off the body font-size. Simply changing the body font size will also change the heading's size, body width, etc.

Since the CSS also uses media queries, it might also be necessary to change the body font-size for your purposes. I do not have any cool phones or tablets, so the extent of my testing was done by resizing my browser window.


Also included is a printing media query. It has not been tested yet, and mainly uses HTML5 Boilerplate defaults.


  • HTML5 Boilerplate - For normalize.css and media queries.
  • Various other web resources for inspiration.