Bild zentriert in der Kategorie anzeigen lassen

Hallo.

ich möchte gerne das Bild im oberen Teil meiner Kategorie zentriert anzeigen lassen.

Ich habe im HTML das Bild sowie den Text zentriert eingestellt sowie responsive.

HTML Code:
<div class="clear">
<div class="clear" style="text-align: center;">
<img alt="bild von schafen" class="img-responsive" src="images/schafe-mulesingfreier-walkloden.jpg" style="width: 594px; height: 291px;" />
</div>

<div class="clear" style="text-align: center;">
<span style="font-size:16px;"><span style="font-family:arial,helvetica,sans-serif;"><span style="color:#808080;">Bei uns findest du &uuml;ber 80 Farben mulesingfreien Walkloden - von gl&uuml;cklichen Schafen geschoren <br />
<br />
Was ist muselingfrei? F&uuml;r mehr Informationen klicke <a href="(Link nur für registrierte Nutzer sichtbar.)" target="_blank">hier</a>.</span></span></span><br />
<br />
&nbsp;
</div>
</div>

Jedoch wird mir nur der Text zentriert angezeigt aber nicht das Bild. Was habe ich übersehen?

(Link nur für registrierte Nutzer sichtbar.)




Mit Dank im Voraus für die Hife.

 

Durch das "img-responsuive" ist das Bild links.
Versuch es mal indem Du aus "img-responsive" ein "img-esponsive center-block" machst.

P.S. der Tipp stammt von hier:
(Link nur für registrierte Nutzer sichtbar.)

 

da war jetzt aber der Fehlerteufel am Werk...

wenn dann so

"img-responsive center-block"

 

Und nehme

Code:

style="width: 594px; height: 291px;"

raus. Entweder reponsive oder feste Größe, sonst hast Du immer Probleme.

 

Oh...schreiben sollte ich wohl noch mal üben

Danke für die Korrektur