Angular中的浮动标签在与材料组件相对的位置上存在问题

Question

我在材料组件中看到了很好的浮动标签，并与波斯语和英语中的近线对齐，如下所示：

我使用Angular 7材质设计并在文本框中使用浮动标签，但是当标签上升时，未设置该标签相对于近线的对齐方式。如何设置浮动位置。

如第二图所示，浮动位置不是居中，必须非常仔细地对齐。如何设置好位置，好位置和中心浮动标签？在材料上，一切都很好，但在有角度的材料中，对齐效果很差。如何用Mat表格解决问题？

我将CSS上传到 stack-blitz。有人可以帮助我平衡浮动标签吗？