Fix inline nesting

[feymartynov]

Currently this:

.row: .col-lg-12: p Hello World

gets compiled into:

<div class="row"><col-lg-12>p Hello World</col-lg-12></div>

With this PR it becomes:

<div class="row"><div class="col-lg-12"><p>Hello World</p></div></div>

[Rakoth]

Hi, @feymartynov, thanks for your PR! Could you please add an end-to-end rendering test case for this bug?

[feymartynov]

Sure, will do it.

I also missed mixed nesting case which is more close to real life:

.wrap: .row: .col-lg-12
  .box: p One
  .box: p Two
p Three

=>

<div class="wrap">
  <div class="row">
    <div class="col-lg-12">
      <div class="box">
        <p>One</p>
      </div>
      <div class="box">
        <p>Two</p>
      </div>
    </div>
  </div>
</div>
<p>Three</p>

That's a bit more tricky but I'll try.

[feymartynov]

@Rakoth check it out please.

[Rakoth]

👍 Nice work, @feymartynov!