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

Question

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

Answer 1

左邊的灰色文字放在一個元素裡，右邊的紅色文字放在另一個元素裡。這兩個子元素都給一個flex:1,右邊的元素的文字對齊方式寫成：text-align:right;