er text
</div>

<div>
before text
<div style="display: inline-block">
<div class="inline-grid" style="height: 40px;">
    <div>above</div>
    <div style="align-self: baseline; margin-top: 10px">baseline</div>
    <div>above</div>
</div>
after
</div>
text
</div>

<!-- The spec is a little unclear what should happen here. For now,
align to the last line box. -->
<div>
    before text
    <div style="display: inline-block">
        <div class="grid" style="height: 30px;">
            baseline
        </div>
 