Inhalt in einem DIV oder SPAN vertikal zentrieren

[jo]

Hallo,

Habe unter google und hier schon einige beiträge dazu gelesen (in den meisten beiträgen ging es darum im body element zu zentrieren), aber ich kann einfach kein Bild mit text in einem DIV oder SPAN vertikal zentrieren.

Das einzige was funktioniert ist das zentrieren von einzeiligem text, indem ich line-height die gleiche grösse wie height geben, aber sobald ein bild in diesem element vorhanden ist geht es nicht.

1. Hier ein Beipiel ohne Bild:

  
.center1 {  
background-color:#999999;  
color:#FFFFFF;  
width:200px;  
height:100px;  
line-height:100px;  
}  
  
<div class="center1">text</div>  

2. Hier ein Beipiel mit Bild:

vertical-align:middle; funtioniert auch nicht mit display:table-cell;
Ist das überhaupt möglich ?

  
.center2 {  
background-color:#999999;  
color:#FFFFFF;  
width:200px;  
height:100px;  
display:table-cell;  
vertical-align:middle;  
}  
  
<div class="center2">text<img src="1.gif" width="30" height="30" alt="" /></div>  

gruß

jo