html - 垂直方向の配置が機能しない

Question

だからここに何が起こっているのかです

右側の矢印をdivの中心に垂直に揃えたいと思いました。html は次のとおりです。

<div class="title-block" >
    <span class="date">{{ order.getCreated()|date('M d, Y') }}</span>
    <span class="invoice">Invoice #{{ order.getInvoice().getInvoiceNumber()}}</span>
    <span class="retail-price">Rp {{ order.getTotalPrice() }}</span>
    <img src="{{ asset('bundles/shopiousmain/img/dashboard-li-down-arrow.png') }}"/>
</div>

下の画像でわかるように：

垂直方向の配置はすでに中央に設定されています。しかし、なぜ垂直方向に中央揃えされていないのでしょうか?