Utilisera CSS pour centrer le contenu et ajouter du contenu supplémentaire à droite du div

Question

Comment puis-je afficher le contenu au centre du div et l'icône sur le côté droit. Le contenu actuellement donné est le suivant : Mais je veux que ce soit comme ceci : la notification ci-dessus de 50 % est au centre du div et l'icône en forme de crayon est à droite. .w-100{width:100%;}

{value}

P粉904405941 · Answer

Vous pouvez utiliser Flexbox pour y parvenir...

.w-100 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.img-icon {
  align-self: end;
}


  {value}