inline markdown rendering

by lovinglobo

HTML

hi
<div class="md">
  <p>
    hello world
  </p>
</div>
bar

<hr>

hi
<div class="md">
  <p>
    hello
  </p>
  <p>
    world
  </p>
</div>
bar

<hr> 

hi 
<div class="md">
  <p>
    hello 
  </p>
  <p>
    foo
  </p>
  <p>
    world 
  </p>
</div>
baz

CSS

.md {
  display: inline;
}

.md p:first-child { 
  display: inline;
}

.md p:last-child {
  display: inline;
}

.md p:first-child + p:last-child::before { 
  content: "\A\A";
  white-space:pre;
}