CSS を使用してコンテンツを中央に配置し、追加のコンテンツを div の右側に追加します

Question

div の中央にコンテンツを表示し、右側にアイコンを表示するにはどうすればよいですか。現在提供されている内容は次のとおりです:

しかし、私は次のようにしたいです:

上記の 50% の通知は div の中央にあり、pencil アイコンは右側にあります。

リーリー リーリー

Answer 1

これを実現するには Flexbox を使用できます...

リーリー リーリー