Zentrieren Sie ein Bild, das mit after eingefügt wurde: pseudo-element; kann keine Spannen verwenden

Question

Ich ziehe einen Tumblr-Feed mit dem Tumblr-Code ein und verwende nach: um ein Bild als Trennzeichen zwischen den Posts hinzuzufügen. Ich möchte das Bild zentrieren, habe aber kein Glück gehabt. Da Tumblr den Inhalt generiert, nicht ich, glaube ich nicht, dass ich Span-Tags verwenden kann, was die übliche Antwort zu sein scheint. Irgendwelche anderen Ideen?

Seite zeigt Futter im Einsatz: lumn.net/index.shtml

CSS:

.tumblr_post:after { 
    content: url(../img/flower.png); 
    display: block; 
    position: relative; 
    margin-top: 42px; 
    margin-bottom: 24px; 
    margin-left: auto; 
    margin-right: auto; 
} 

Answer 1

Try this:

.tumblr_post:after { 
    content: url("../img/flower.png"); 
    display: block; 
    margin: 42px auto 24px; 
    position: relative; 
    text-align: center; 
    width: 100%; 
} 

Answer 2

Während die Antwort von Zoltan Toth arbeitet, hat es eine Reihe von Code bekam ist, das tut nichts für den gewünschten Effekt. Dies sollte den Trick und mit weniger Code machen.

.tumblr_post:after { 
    content: url("../img/flower.png"); 
    display: block; 
    text-align: center; 
} 

Answer 3

Hier ist eine Arbeitslösung auf allen Bildschirmen:

.produit-col .img-produit::after{ 
    content: ''; 
    background: url("../img/icone.png") center no-repeat; 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    display: none; 
}