表題を持つインラインテーブルが下方にずれて表示される

症状

表題（display: table-caption;）を持つインラインテーブル（display: inline-table;）が本来表示されるべき行の下にずれて表示される。

例示

<div style="text-indent:0;">前の行<br>
→
<table border="1" style="display:inline-table;">
<caption>caption1</caption>
<tr><td>cell1</td><td>cell1</td></tr>
</table>
←<br>
→
<table border="1" style="display:inline-table;">
<tr><td>cell2</td><td>cell2</td></tr>
</table>
←<br>
後の行</div>

前の行
→