img horizontal zentrieren

[ottogal]

Hallo in die Runde,

ich weiß schon, das Thema ist schon oft durchgekaut worden. Ich habe aber eine Verständnisfrage:

So klappt das Zentrieren:
 <img .... style="display: block; margin: 0 auto;" />

Warum aber geht es nicht, wenn ich diese style-Regeln in die CSS-Datei verbanne? Also so:

<img .... class="mittig" />

wobei in der CSS-Datei steht

~~~css img.mittig
   {
   display: block;
   margin: 0 auto;
   }

  
Das müsste doch aufs Gleiche herauskommen?  
  
Danke  
ottogal