Centrer une image

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:

---

<center></center>

---

cela fonctionne.

Voici mon

Code:

---

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

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.

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

Code:

---

<center>

---