bonjour
je n'arrive pas à centrer des boutons; il y en a qui se décale quand il y a 2 lignes et ne vois pas pourquoi.

html
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<nav class="menuser">
<form method="POST"  action="mon_compte">
 <input type="hidden" name="modif" value="modif"/>
<button class="buthoriz2" type="submit">Modifier mon compte</button>
</form>
 
<form method="POST"  action="mon_compte">
 <input type="hidden" name="mesanosav" value="mesanosav"/>
<button class="buthoriz2" type="submit">Mes pages Sauvegardées</button>
</form>
 
<form method="POST"  action="mon_compte">
<input type="hidden" name="comenta" value="comenta"/>
<button class="buthoriz2" type="submit">Mes Commentaires</button>
</form>
</nav>

css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
.menuser{
	width:100%;
	text-align:center;
	margin-bottom:.1em;
}
.menuser button.buthoriz2{
 
width:150px;
height:40px;
list-style:none;
padding:4px;
font-size:1.1em;
color:black;
margin:.1em;
text-decoration:none;
text-shadow: none;
font-weight:normal;
 font-family:Calibri, Times, "Times New Roman", serif;
 border-radius:5px;
   border: 1px solid #002538;
}
résultat
Nom : Capture d'écran_20240210_161709.png
Affichages : 135
Taille : 79,9 Ko