css - flex布局下，某个子元素单独布局怎么做？

Question

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

Answer 1

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