margin: auto nie działa w ogóle

0

Witam.

Mam dziwny problem a mianowicie mam sytuację jak na obrazku z załącznika.

Chodzi o to, że obrazek ten w czerwonym divie ma atrybut margin:auto; i nie centruje się na stronie, nie mam pojęcia dlaczego.

div#tekst_strony {
		   margin: 25px;
           width: 750px;
           background-color:red;
           margin-top: 10px;
}

img.zdjecie_w_prod{
	width: 300px;
	position:inherit;
	border-style: solid;
	border-color: #3D3D3D;
	border-width: 10px;
	-moz-border-radius:20px; /* FF */
	-webkit-border-radius:20px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
	-khtml-border-radius:20px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
	border-radius:20px; /* pozostałe przeglądarki */
	behaviour:url(border-radius.htc); /* dodatek dla badzIEwnej przeglądarki */
	
}

a.zdjecie_w_prod{
	margin:auto;
}
...
<div id="tekst_strony">
<a class="zdjecie_w_prod" rel="prettyPhoto" href="zdjecia_protez/lcp_photo/<?php echo $answer[0]['photo']; ?>" title="This is the description">
		<img class="zdjecie_w_prod" src="zdjecia_protez/lcp_photo/<?php echo $answer[0]['photo']; ?>" alt="This is the title" />
</a>
</div>

Jest to tak banalne, że powinno działać bez problemu, a jednak nie działa. Czy ktoś wie jak to rozwiązać? Oczywiście jakieś margin-left wolałbym uniknąć.

1

a musi mieć display: block.
Rozwiązaniem może być po prostu dodanie text-align: center; do #tekst_strony

1 użytkowników online, w tym zalogowanych: 0, gości: 1