Centrer un input dans la page et placer un p à sa gauche

Pour mon formulaire de login, je veux que les input username et password soient centrés dans la page et placer un paragraphe <p> à gauche de username : "votre identifiant" (aligné à droite)
et un <p> à gauche de password: "votre mot de passe" (aligné à droite)

votre identifiant : le div input username (centré sur la page)
votre mot de passe ; le div input password (centré sur la page)
le bouton submit (centré sur la page)

Merci de votre aide.

Voici mon code : les input sont bien alignés, mais si je met un label, les input ne sont plus alignés sur la page. Si je peux avec css positionner les label à gauche des input (qui resteront centrés), cela résoudrait mon problème

 </div>
        
        <div id="connexion" align="center">  
         <form method="post" action="authentification.php"> 

             <div id="username">     
                <input id="username" type="text" placeholder="votre identifiant"»
            name="username" title="Username">
           
                </div>

                <div id="password" >
                <input id="password-field" type="password" placeholder="votre mot de passe" »
            name="password" title="Password" >
                </div>

                <div id="submit" style="position:relative; top:15px;" >
                <input type="submit" name="submit" »
            value="connexion" >
                </div>

            </form>
         </div>