Center Bild in einem Div

Question

OK, also ich weiß, dass dies eine Million Mal gefragt wurde, aber ich benutze die üblichen Tricks und es funktioniert nicht.

-Code hier:

JS Fiddle

Ich brauche das Bild des Fahrers innerhalb des kreisförmigen div zentriert.

Mein Code:

<div style= 'margin: 0;margin-left: auto;margin-right: auto;display: block;'> 

<img src='http://fantasy-f1-league.com/images/drivers/Carlos_Sainz_Jr.png' width = '90'></div> 

Eine Menge des Codes ist nicht meine (ich bin mit Dragula basiert auf einer Demo fand ich) Ich nehme an, einige der anderen CSS könnte über reiten, was ich bin versuchen zu tun.

Danke.

Answer 1

Sie können es mit flex:

Fügen Sie diese auf Ihrem div das Bild hält:

display: flex; 
justify-content: center; 

Aktualisiert Geige: https://jsfiddle.net/o03eqLux/