[CSS][HTML]wyśrodkowanie diva w divie Opcje

[marcus753]

mam sobie taki kod:

[HTML] pobierz, plaintext 
<style>
.center{
	width:600px;
	margin:0px auto;
	border:1px solid blue;
	text-align: center;
}
 
.bloczek{
	width:150px;
	height:100px;
	background-color:red;
}
</style>
 
<div class="center">
 
	<div class="bloczek">fdgfdg</div>
 
</div>
[HTML] pobierz, plaintext 

Jak wypośrodkować div bloczek bez zmiany jego styli ? zamiast bloczek mogę mieć tam zdjęcie/iframe/canvas itp. nigdy nie wiem co będzie natomiast wiem że będzie to miało zdefiniowaną szerokość. Idealnie do tego celu nadaje się znacznik <center></center> ale ze względu na jego wiek szukam jakiś innych "nowoczesnych" rozwiązań (IMG:style_emoticons/default/wink.gif)

Ten post edytował marcus753 5.08.2014, 11:47:33

[toffiak]

http://jsfiddle.net/A2E76/