Bild in der mitte eines divs platzerien

[Gunnar Bittersmann]

@@Picco:

nuqneH

• das gegebene html darf nicht verändert werden

Was sehr ärgerlich ist. Es ist ziemlich dumm, dass der Text nicht in einem eigenen Element steht.

Positionieren sie das Bild in der Mitte des div ohne den text vom oberen rand des dives zu entfernen.

div.offer  
{  
    display: table-cell;  
    position: relative;  
    text-align: center;  
    vertical-align: middle;  
}  
  
div.offer a  
{  
    color: transparent;  
    line-height: 0;  
    white-space: pre-line;  
}  
  
div.offer a:after  
{  
    color: black;  
    content: attr(title);  
    left: 1em;  
    line-height: normal;  
    position: absolute;  
    top: 1em;  
}

sollte deinen Wünschen recht nahe kommen.

Qapla'