img horizontal zentrieren

[Gunnar Bittersmann]

Hello out there!

img.mittig

{
  clear: both;
  display: block;
  margin: 0 auto;
  }

>   
> Das Bild bekommt allerdings explizit noch Breite und Höhe zugewiesen. Die nicht funktionierende Variante  
>   
> `<img src="...." alt="" class="mittig" style="width: ...px; height: ...px;" />`{:.language-html}  
>   
> hat nach meiner Rechnung die Spezifität 1011.  
  
Rechne nochmal! Die Spezifität der Angaben für 'clear', 'display' und 'margin' ist eine andere als die für 'width' und 'height'.  
  
"In HTML, values of an element's "style" attribute are style sheet rules. These rules have no selectors, so a=1, b=0, c=0, and d=0." [[CSS21 §6.4.3](http://www.w3.org/TR/CSS21/cascade.html#specificity)]  
  
  

> Für die funktionierende Variante  
>   
> `<img src="...." alt="" style="display: block; margin: 0 auto; width: ...px; height: ...px;" />`{:.language-html}  
>   
> bekomme ich die Spezifität 1001 heraus.  
  
Rechne nochmal! ...  
  
See ya up the road,  
Gunnar

-- 
„Und [dieses Forum] soll […] auch ein Fachforum bleiben und kein Psychologieforum werden.“ ([Kirsten Evers](https://forum.selfhtml.org/?t=158750&m=1033264))