title: How can I wrap my markdown in an HTML div?
body: <p>I am using <a href="https://github.com/chjj/marked">MarkEd</a> which implements <a href="https://help.github.com/articles/github-flavored-markdown/">GitHub flavoured markdown</a>.</p>
  
  <p>I have some working markdown:</p>
  
  <pre><code>## Test heading
  a paragraph.
  ## second heading
  another paragraph
  </code></pre>
  
  <p>Which creates:</p>
  
  <pre><code>&lt;h2 id="test-heading"&gt;Test heading&lt;/h2&gt;
  &lt;p&gt;a paragraph.&lt;/p&gt;
  &lt;h2 id="second-heading"&gt;second heading&lt;/h2&gt;
  &lt;p&gt;another paragraph&lt;/p&gt;
  </code></pre>
  
  <p>I would like to wrap that markdown section in a div, eg:</p>
  
  <pre><code>&lt;div class="blog-post"&gt;
  ## Test heading
  a paragraph.
  ## second heading
  another paragraph
  &lt;/div&gt;
  </code></pre>
  
  <p>However this returns the following HTML:</p>
  
  <pre><code>&lt;div class="blog-post"&gt;
  ## Test heading
  a paragraph.
  ## second heading
  another paragraph
  &lt;/div&gt;
  </code></pre>
  
  <p>Eg, no markdown, literally '## Test heading' appears in the HTML.</p>
  
  <p><strong>How can I properly wrap my markdown in a div?</strong></p>
  
  <p>I have found the following workaround, however it is ugly and not an actual fix:</p>
  
  <pre><code>&lt;div class="blog-post"&gt;
  &lt;div&gt;&lt;/div&gt;
  
  ## Test heading
  a paragraph.
  ## second heading
  another paragraph
  
  &lt;/div&gt;
  </code></pre>