Aligner horizontalement un texte dans une application angular material
Je développe une application angular material. J'ai un composant dont le template est "app.component.html"
Code:
1
2
3
4
5
6
7
8
9
|
<mat-toolbar color="primary">
<div class="md-toolbar-tools" style="display: inline-block">
Liste des annonces
<span flex></span>
</div>
</mat-toolbar>>
..........
.......... |
dans "app.component.css", j'essaye d'appliquer ces styles :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
mat-card {
max-width: 80%;
margin: 2em auto;
text-align: center;
}
mat-toolbar div {
text-align: center;
}
.md-toolbar-tools {
text-align: center;
}
mat-toolbar-row {
justify-content: space-between;
} |
Mais le texte "Liste des annonces" n'est pas centré. Pouvez vous m'aider ? Merci
