h2>h2 below</h2>
</div>
after text
</div>

<!-- If the first grid item has an orthogonal baseline, use the synthesized
baseline (bottom of the content box of the first item). -->
<div>
should align with the middle
<div class="inline-grid" style="width: 40px; height: 40px">
    <div style="writing-mode: vertical-rl; height: 20px; width: 40px; border-bottom: 1px solid black"></div>
</div>
of the grey box
</div>

<!-- If there are no griditems, align to the bottom of the margin box. -->
<div>
should align belo