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

Question

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

Answer 1

The gray text on the left is placed in one element, and the red text on the right is placed in another element. Both sub-elements are given a flex:1, and the text alignment of the element on the right is written as: text-align:right;