w the bottom
<div class="empty inline-grid" style="width: 30px; height: 30px">
</div>
of the black line
</div>

<div>
should align with the bottom
<div class="inline-grid" style="width: 40px; height: 40px;">
    <div style="width: 20px; height: 20px; border: 5px solid black; background: red;"></div>
</div>
of the red box
</div>

<!-- column-axis test cases. -->
<div>
before text
<div class="inline-grid column">
    <div>baseline</div>
    <div>below</div>
</div>
after text
</div>

<!-- If the first grid ite