Comment puis-je afficher une étiquette claire sur cette page de départ sans pousser le contenu verticalement?

1. Comment afficher l'entrée et l'étiquette côte à côte?
2. Comment aligner verticalement le texte dans la réaction?

Comment afficher l'entrée et l'étiquette côte à côte?

Nous spécifions la marge-fond de notre <div> élément. Ensuite, nous définissons l'affichage du <étiquette> élément de "bloc en ligne" et donne une largeur fixe. Après cela, définissez la propriété Text-Align à "droite", et les étiquettes seront alignées sur les entrées sur le côté droit.

Comment aligner verticalement le texte dans la réaction?

Pour centrer un composant horizontalement et verticalement en réaction. JS, définissez sa propriété d'affichage sur Flex et ses alignitems et justifier les propriétés du centre au centre . Le contenu des composants sera centré horizontalement et verticalement.