y of the grid items whose areas intersect the grid container's first
row/column participate in baseline alignment, the grid container's baseline is
the baseline of those grid items. -->
<div>
before text
<div class="inline-grid" style="grid-auto-rows: 50px;">
    <div style="align-self: end">below</div>
    <div style="align-self: baseline; margin-top: 15px">baseline</div>
    <div style="align-self: start">above</div>
</div>
after text
</div>

<!-- This grid has a baseline item, it's orthogonal but it stil