更改跨度的位置

Question

如何更改跨度标签的位置，使其位于图标旁边的中心？

当前是以下代码：

mat-card-content {
    padding: 50px;
}

.box-position {
    /* margin: 0 auto; */
    text-align: center;
    position: relative;
}

<mat-card>
    <mat-card-content>
        <div class="box-position">
            <mat-icon>warning</mat-icon>
            <span>Page not found!</span>
        </div>
    </mat-card-content>
</mat-card>