Problem to align all buttons right position

I use angular material(10.2.5) toolbar component and I want to have my three buttons to right, but i can't

<mat-toolbar color="primary">
      <h3 [style.color]="'white'">Portail admin</h3>
  <div class="parent">
    <div class="children right-children">
      <div class="child"><a mat-flat-button >Liste des livres</a></div>
      <div class="child"><a mat-flat-button >Ajouter un livre</a></div>
      <div class="child"><a mat-flat-button >Deconnexion</a></div>

.parent {
    display: flex;
    width: 100%;
    height: 100px;
    align-items: center; 
    justify-content: space-between; 
  .children {
    display: flex;
  .child {
    margin: 0 5px;
    padding: 0 5px;
    font-size: 10px;
    color: #000;

enter image description here

Any idea ? I want to align my three buttons to the left of a tolbar but I really can't do it.

For my html and css code, I used flexbox css.

Read more here:

Content Attribution

This content was originally published by obela06 at Recent Questions - Stack Overflow, and is syndicated here via their RSS feed. You can read the original post over there.

%d bloggers like this: