Bonjour , j'ai le problème suivant : j'aimerai aligner mes imputs mais je n'y arrive pas

voici mon code :
<div> <form [formGroup]="registerForm" (ngSubmit)="register()"> <fieldset> <div class="d-flex flex-column bd-highlight mb-12"> <legend>S'enregister</legend> <div class="p-2 bd-highlight"> <label>Nom :</label> <input name="lastname" formControlName="lastname"> </div> <div class="p-2 bd-highlight"> <label>Prénom :</label> <input name="firstname" formControlName="firstname"> </div> <div class="p-2 bd-highlight"> <label>Téléphone :</label> <input name="phonenumber" formControlName="phonenumber"> </div> <div class="p-2 bd-highlight"> <label>Email:</label> <input name="email" formControlName="email"> </div> <div class="p-2 bd-highlight"> <label>Mot de passe:</label> <input name="password" formControlName="password" type="password"> </div> <div class="p-2 bd-highlight"> <label>Confirmez mot de passe:</label> <input name="confirmpassword" formControlName="confirmpassword" type="password"> </div> <div class="form-buttons"> <input type="submit" class="btn btn-primary" name="submit" value="S'enregister"/> </div> </div> </fieldset> </form> </div>

pour ce resultat :

que faire ?

merci

tu peux utiliser la grille bootstrap, c'est bien utile pour les alignements de block.
https://getbootstrap.com/docs/4.0/components/forms/#horizontal-form

<div>
    <div class="row">
        <label class="col-2">coucou je suis un label</label>
        <input class="col-2" type="text"/>
    </div>
    <div class="row">
        <label class="col-2">coucou</label>
        <input class="col-2" type="text"/>
    </div>
</div>

Franchement t'emmerde pas, go faire un truc comme ça https://jsbin.com/pokididave/edit?html,css,output

Après t'as la méthode bourrin ou tu mets tout dans un tableau

C'est pas élaboré comme Bootstrap ou les grids classiques mais ça marche relativement bien.