Css Flexbox&；移动设备上的引导-对齐项目有问题：居中

下面是bootply： 两行将有黑色边框顶部1px实体，问题是div的高度不同，因此它们不会创建“一条线”。我怎样才能使有边框的div高度相同，同时居中于中间？ 我试过flexbox，但可能出了问题。只有在以下情况下，它才有效：

.line {
  align-items: inherit;
}

但是，在这种情况下，div的内容不在中间。

谢谢你帮我

---

卡罗琳娜终于自己找到了：

.line {
    align-items: inherit;
}

.line > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

---

最后，我自己发现了：

.line {
    align-items: inherit;
}

.line > div {
    display: flex;
    align-items: center;
    justify-content: center;
}