flex布局下，某个子元素多带带布局怎么做？？

如图，父级容器使用了flex布局，其中align-i<爱尬聊_尬聊百科>tems: center;但子元素中右边红色字体部分，我想让其飘到右边去，但float属性失效；请问如何解决？

---

秋夜谈 8小时前

左边的灰色文字放在一个元素里，右边的红色文字放在另外一个元素里。这两个子元素都给一个flex:1,右边的元素的文字对齐方式写成：text-align:right;

---