Css 将标签对准DIV中的中心和左侧位置

我有一个这样的部门：

    <div id="mydiv">
        <label id="orderName" style="align:center;">Order Name</label>
        <label id="orderNo" style="align:left;">Order No</label>  
    </div>

---

以下css将给出您的预期结果：

div{
文本对齐：居中；
}
#订单名{
垂直对齐：中间对齐；
}
#订单号{
浮动：左；
}

订单名称
订单号

name 将标签和文本字段对齐-

。搜索框容器{
显示器：flex；
宽度：60%
背景：黑色；
保证金：0自动；
字体大小：25px；
}
.标签{
保证金：自动；
}
输入[类型=文本]{
高度：20px；
}

名称

align

不是CSS属性。改用

文本对齐

。对于垂直对齐，请使用

行高

属性。Ketan>尽管垂直对齐现在起作用-但订单名称现在只从中心位置（50%）开始，而不是水平居中。>是的，但随着订单号长度的变化，订单名称开始向右移动（也就是说，如果订单号是3位数对10位数，我会动态更新订单号，但订单名保持不变）-如果有一个简单的方法来处理，请让我知道-尽管如此，非常感谢。@Jasper Yeah man，它正在移动，因为它位于中心。请给出两个标签的宽度

50%

    ----------------------------------
   |                                 |
   | OrderNo     OrderName           |
   |                                 |
    ----------------------------------