Centrer une image

**solorac** · 27/11/2019, 15h40

Bonjour à tous,

Est-ce que quelqu'un serait capable de m'expliquer pourquoi je n'arrive pas à centrer une image avec

Code :

text-align:center;

, ni

Code :

1
2
margin-left:auto;
	margin-right:auto;

Alors que si j'utilise

Code HTML :

<center></center>

cela fonctionne.

Voici mon

Code HTML :

1
2
3
<div id="bf">
	<img src="../../images/bfriday.jpg" width="500" height="333" alt=""/>
	</div>

Et mon css :

Code :

1
2
3
4
5
#bf img {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

Merci

Invité · 27/11/2019, 15h42

Bonjour,

1- Simplement :

Code :

1
2
3
#bf {
	text-align:center;
}

2- OU

Code :

1
2
3
4
#bf img {
  display:block;
  margin:0 auto;
}

3- OUBLIE la balise <center>, qui est obsolète.

**solorac** · 27/11/2019, 16h09

Merci pour ton aide.
Effectivement, avec la soluce n°2 cela fonctionne.
Je vais oublier la balise

Code :

<center>

Centrer un élément en CSS