Wyśrodkuj obraz wstawiony po: pseudoelement; nie mogę używać przęseł.

Question

Wyciągam kanał z tumblr używając kodu tumblr, i używając po: aby dodać obraz jako separator między wpisami. Chciałbym wyśrodkować obraz, ale nie miałem szczęścia. Ponieważ tumblr generuje treść, nie ja, nie sądzę, żebym mógł używać znaczników span, co wydaje się być zwykłą odpowiedzią. Jakieś inne pomysły?

Page feed seans w użyciu: 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

Spróbuj tego:

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

Answer 2

Chociaż odpowiedź od Zoltan Toth działa, to ma kilka kodu, który robi nic dla pożądanego efektu. To powinno wystarczyć, a przy mniejszej ilości kodu.

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

Answer 3

Tutaj jest roztwór roboczy na wszystkich ekranach:

.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; 
}