iA Writer style headers

ia-writer.css

body {
    font-family: monospace;
    width: 600px;
    margin: 0 auto;
}

h1,
h2,
h3 {
    line-height: 2em;
}

h1:before,
h2:before,
h3:before {
    display: inline-block;
    text-align: right;
    opacity: 0.5;
    margin-right: 15px;
    width: 50px;
}

h1:before {
    content: '#';
}

h2:before {
    content: '##';
}​​​​​

​h3:before {
    content: '###';
}​​​

p {
    margin-left: 65px;
}
​

ia-writer.html

<h1>This is a header</h1>
​<h2>This is another one!</h2>
<h3>Woah dude</h3>
<p>This is a paragraph of text yo</p>
​